JavaScript入门

1. JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?

JavaScript的数据类型,共有六种。

  • 数值(number):整数和小数(比如1和3.14)
  • 字符串(string):字符组成的文本(比如"Hello World")
  • 布尔值(boolean):true(真)和false(假)两个特定值
  • undefined:表示“未定义”或不存在,即此处目前没有任何值
  • null:表示空缺,即此处应该有一个值,但目前为空
  • 对象(object):各种值组成的集合

数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。

将对象称为复杂类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。

至于undefined和null,一般将它们看成两个特殊值。

2. typeof和instanceof的作用和区别?

在变量和值上调用typeof,将返回一个字符串,这个字符串提示了这个变量或值得类型。如果这个变量或值是一个引用类型将会返回“object”。如果是原始类型输出结果如下:


其中typeof null返回的object,这是因为JavaScript最初实现的一个错误,然后被沿用到现在。现在,null被认为是对象的占位符,从而揭示了这一矛盾。从技术将null还是一个元素类型。比如:var obj 变量时一个对象类型的,我们在程序中会这样给obj初始值:var obj=null;

typeof在运算一个引用类型时,总是返回object。不能判断这个引用类型是数组还是对象,这时就可以用instanceof,它用于判断一个变量是否是某个对象的实例:

3. 如何判断一个变量是否是数字、字符串、布尔、函数

用type变量名;就可返回一个此变量类型的字符串,假如此变量名为a;
type a ===“number”;
type a ===“string”;
type a ===“boolean”;
type a ===“function”;

4. NaN是什么?有什么特别之处?

不是数值(非数值),字面全拼为: Not a Number
用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了),就会返回“NaN”值。
NaN值非常特殊,因为它“不是数字”,所以任何数跟它都不相等,甚至NaN本身也不等于NaN。
任何涉及NaN的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。

isNaN()计算一个参数,检查它是否为数值,语法是isNaN(testValue),返回true或者false。

5. 如何把非数值转化为数值?

JavaScript有3个函数可以把非数值转换为数值:Number()、parselnt()、parseFloat()。
Number()可以用于任何数据类型(此函数平时很少使用)。
parselnt()、parseFloat()专门用于把字符串转换成数值(比较常用的)。
Number()转换规则:

  • 1、 如果是Boolean值,true和false将分别被转换为1和0。
  • 2 、如果是数字值,只是简单的传入和返回。
  • 3、 如果是null值,返回0。
  • 4 、如果是underfined,返回NaN。
  • 5 、如果是字符串,遵循下列规则:
    • 1 、 如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转化为十进制数值,既“1”变成1,“123”变成123,但是“012”会变成12(前导的零被忽略了);
    • 2 、 如果字符串中包含有效的浮点格式,如“1.1”,将其转换为对应的浮点数值(同样也会忽略前导零);
    • 3 、 如果字符串中包含有效的十六进制格式,如“0xf”则将其转换为相同大小的十进制整数值;
    • 4 、如果字符串是空的(不包含任何字符),则将其转换为0;
    • 5 、如果字符串中包含除上述格式之外的字符,则将其转换为NaN;
  • 6 、如果是对象,则调用对象的valueOf方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再次依照前面的规则转换返回的字符串值。

例:

由于Number()函数在转换字符串时比较复杂而且不够合理,因此在处理函数的时候更常用parselnt()函数。

  • 1 、 parselnt():从字符串中提取整数,遇到非数字,就停止,不在看后面的。
  • 2 、 parselnt()函数能够识别各种整数格式(2、8、10、 16进制度),默认是10进制。如果要转换其他进制,要带上第二个参数:转换时使用的基数(即多少进制),默认10进制可以不带第二个参数。
  • 3 、 parselnt()函数在下面情况会提示NaN:
    • 1 、 第一个字符不是数字字符或者负号;
    • 2 、 转换空字符串

示例


* 6 、 ==与===有什么区别

==:等于运算,但是不比较值的类型,两边值类型不同的时候,要先进行类型转换,再比较。
===:完全等于运算,不仅比较值,而且还比较值的类型,当两边类型不一致时,不做类型转换,类型不同的一定不等,只有两者一致才为真。

* 7 、 break与continue

break语句在循环体语句(for,while,do while,switch)等具有迭代选择特征的语句中使用,而且是终止最近的封闭代码块(即多重循环时,它只终止自己所在的循环),整体代码接在break语句后继续执行(如果break语句不是最后一行代码的话)。

continue语句与break语句使用场合类似,含有continue的迭代语句(或者叫循环语句),在遇到continue语句后,代码先不按照常规的从上往下的代码执行顺序执行,而是马上回到循环入口转入下一次循环。
要注意的是,continue语句是不可以在单独的switch语句中使用,但可以在一个循环内的switch语句中使用,这时将导致进入下一次循环。

* 8 、void 0 和undefined在使用场景上有什么区别。

一般都是用来对某个值做if判断,判断是否等于undefined。
但是一般用void 0来代替undefined,undefined是windows的一个属性,每次使用都要调用,比较费时,而且它还是一个可以重新定义的变量,容易出错。
不管void后的运算数是什么,只管返回undefined,用void 0只是比较省事,也可用void1;void100;

扩展

undefined

一直以来, undefined 都不是 JavaScript 的关键字或保留字,这意味着我们可以修改 window.undefined 的值。
由于 undefined 会被频繁调用作为比较运算的操作数等原因,修改 undefined 的值是有弊端的,所以在 ES5 规范之后, window.undefined 被定义为不可写、不可配置的属性。
常见的 undefined :
变量明后未赋值,则变量会被自动赋值为 undefined
函数中定义了一些形参,如果传入的实参少于预定义的形参,那么有一些形参就会匹配不到实参,继而会被自动赋值为 undefined
没有返回值的函数,默认返回 undefined
void 运算符
void 运算符后面接一个表达式,无论表达式的内容是什么,只要跟在 void 之后都会被调用执行,执行完毕后 void 操作符返回 undefined :
void (expression)
简而言之,使用 void 运算符有三种用处:
生成 undefined
让函数立即执行
充当 javascript: 协议的 URI
生成 undefined
使用 void 0 生成 undefined 的做法由来已久,既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined 。
function checkLogin (loginName) {
if (loginName === void 0) {
console.log('Wrong!');
}
}
checkLogin();
// => 'Wrong!'
立即执行函数
运算符和函数组合使用,可以让函数立即执行。实际上,有许多运算符可以让函数立即执行,比如 + 、 - 、 ! 、 ~ 以及本文提到的 void 等运算符。此外,还有最常见的小括号(不是运算符,会改变优先级):
(function(){
console.log('立即执行');
})();
// => '立即执行'
充当 javascript: 协议的 URI
对于网页中的 点赞 、 收藏 等按钮,如果使用 a 标签来实现的话,往往会用到 href="javascript:void(0)" 等类似的代码,这段代码的作用点击链接时让页面不跳转。
在 href="javascript:void(0)" 中,使用了一个以 javascript: 协议开头的 URI,浏览器默认会对冒号后面的代码求值,然后将结果显示在新的页面,但有一种情况例外,如果结果是 undefined ,浏览器就不会刷新页面渲染新值了。
实际上,我们有很多方式实现 点赞 、 收藏 的效果,无需使用这么 Hack 的方式——虽然这确实很方便。
javascript: 协议声明了 URL 的主体是任意的 javascript 代码,由 javascript 解释器编译执行,通常使用 javascript:URL 执行某些不改变当前页面文档的代码,要做到这一点,必须确保 URL 的最后一条语句没有返回值,比如使用 void 0 。

* 9 、以下代码的输出结果是?为什么?
console.log(1+1);      //2
console.log("2"+"4");    //"24"
console.log(2+"4");   //"24"
console.log(+"4");   //4   只有一个字符串参数的时候会尝试将其转换为数字

![Uploading QQ截图20170815150838_940722.png . . .]

* 10 、以下代码的输出结果是?

var a = 1;
a+++a; //3
typeof a+2; //"number2" typeof 的优先级比+运算符高

* 11 、 以下代码的输出结果是?为什么

var a = 1;
var b = 3;
console.log( a+++b ); //4 a++ 为 1 ,再加b等于4;

* 12 、 遍历数组,把数组里的打印数组每一项的平方。
* 13 、 遍历 JSON, 打印里面的值。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,406评论 5 475
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,976评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,302评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,366评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,372评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,457评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,872评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,521评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,717评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,523评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,590评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,299评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,859评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,883评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,127评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,760评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,290评论 2 342

推荐阅读更多精彩内容

  • 本文是大神廖雪峰的JavaScript教程学习笔记。并不是教程,如有需要,请前往廖雪峰大神大博客. 一、数据类型和...
    0o冻僵的企鹅o0阅读 442评论 0 4
  • 标签: 我的笔记 ---学习资料:http://javascript.ruanyifeng.com/ 1. 导论 ...
    暗夜的怒吼阅读 791评论 0 1
  • 女儿刚考上好高中,家里每个月给她寄1200,一个月后,父亲去银行往女儿的的卡里面存钱,先打电话过去问:“1200元...
    神秘园里的蔷薇阅读 1,609评论 0 4
  • 高三毕业后,我第一次像是个大人一样闯入大人的世界。我找了份发传单的兼职,它并没有电视剧里的没好亦或是残酷,只是让我...
    荒野生存阅读 289评论 0 1
  • 时光如梭,不知不觉之间已经从教十多年了,第一次带队外出考察学习,来到重庆,先参观了谢家湾小学的两个校区! 一、谢家...
    想飞翔的蜗牛阅读 303评论 0 0