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;