1. 下面几个都会转化为0:
Number()
Number(0)
Number('')
Number('0')
Number(false)
Number(null)
Number([])
Number([0])
console.log(Number("")); //0
console.log(Number(null)); //0
console.log(Number(undefined)); //NaN
console.log(parseInt("")); //NaN
console.log(parseInt(null)); //NaN
console.log(parseInt(undefined)); //NaN
console.log(null == 0); //false
console.log(undefined == 0); //false
console.log("" == 0) // true
Number()可以用于任何数据类型的转换。转换规则如下:
- 如果是Boolean值,true和false将分别被转换为1或0.
- 如果是null值,返回0;
- 如果是undefined,返回NaN;
- 如果是字符串则遵循以下规则:
a.字符串只把含数字(包含前面带正号或负号的情况),则将其转换为十进制数值,前导零会被忽略。(例如“011”会变成11);
b.如果字符串中包含有效的浮点格式,则将其转换为相应的浮点数值,前导零会被忽略;
c.如果字符串中包含十六进制格式,则将其转换为相同大小的十进制整数;//number("01f")=31
d.如果字符串是空的,则将其转换为0;//number(" ")=0;
e.如果字符串中包含除以上格式之外的字符,则将其转换为NaN.//number("helloworld")=NaN
5.如果是数值,不用说当然是传啥返啥;
6.如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再次按照前面的规则转换返回的字符串值
2. 变量提升
以下代码执行后, num 的值是? -1
var foo=function(x,y){
return x-y;
}
function foo(x,y){
return x+y;
}
var num=foo(1,2);
函数的解析过程为:函数提升优先级高于变量提升,且不会被变量声明覆盖,但会被变量赋值覆盖
function foo(x,y){return x+y;}//函数声明优先于变量提升
var foo;
foo=function(x,y){return x-y;}//变量赋值覆盖了函数声明
var num=foo(1,2);
3. 关于setTimeout的坑
要在10秒后调用checkState,下列哪个是正确的
window.setTimeout(checkState, 10000); //立即执行
window.setTimeout(checkState, 10000); //10s后执行
window.setTimeout(checkState(), 10); //10ms执行
window.setTimeout("checkState()", 10000); //10s后执行
4. JS数据类型
- ES5的时候六种数据类型:(NNUSB)Number、Null、Undefined、String、Boolean
- ES6的时候增加了一个Symbol。这种类型的对象永远不相等。
- 谷歌67版本中还出现了一种 bigInt。是指安全存储、操作大整数。
- JS的数据类型有八种:Number、Null、Undefined、String、Boolean、Symbol、Object、Bigint
- 基本数据类型有五种:(NNNSB)Number、Null、Undefined、String、Boolean
引用类型:Object,包含常用的function、Array、Date。
typeof的结果图
5. noscript:该元素用来定义在脚本未被执行时的替代内容(文本)。也可以用在检测浏览器是否支持脚本,若不支持脚本则可以显示NOSCRIPT标签里的innerText
noscript:用以在不支持js的浏览器中显示替代的内容,这个元素可以包含能够出现在文档<body>中任何html元素,script元素除外。包含在noscript元素的内容只有在下列情况下才会显示出来:
1.浏览器不支持脚本
2.浏览器支持脚本,但脚本被禁用
6. JS中不支持冒泡的事件
focus、blur、mouseenter、mouseleave、load、unload、resize
7. 分析下面的结果:
三元运算符先“分清是非”,再决定今后该走哪条路,“==”运算符比较“喜欢”Number类型。
console.log(([])?true:false); //true
console.log(([]==false?true:false)); //true
console.log(({}==false)?true:false) //false
Boolean([]); //true
Number([]); //0
Number({}); // NaN
Number(false); //0
7.1 “==”运算符(两个操作数的类型不相同时)
- 如果一个值是null,另一个值是undefined,则它们相等
- 如果一个值是数字,另一个值是字符串,先将字符串转换为数学,然后使用转换后的值进行比较。
- 如果其中一个值是true,则将其转换为1再进行比较。如果其中的一个值是false,则将其转换为0再进行比较。
- 如果一个值是对象,另一个值是数字或字符串,则将对象转换为原始值,再进行比较。
7.2 对象到数字的转换
- 如果对象具有valueOf()方法,后者返回一个原始值,则JavaScript将这个原始值转换为数字(如果需要的话)并返回一个数字。
- 否则,如果对象具有toString()方法,后者返回一个原始值,则JavaScript将其转换并返回。(对象的toString()方法返回一个字符串直接量(作者所说的原始值),JavaScript将这个字符串转换为数字类型,并返回这个数字)。
- 否则,JavaScript抛出一个类型错误异常。
7.3 空数组转换为数字0
数组继承了默认的valueOf()方法,这个方法返回一个对象而不是一个原始值,因此,数组到数学的转换则调用toString()方法。空数组转换为空字符串,空字符串转换为数字0.
``