JS冷门

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()可以用于任何数据类型的转换。转换规则如下:

  1. 如果是Boolean值,true和false将分别被转换为1或0.
  1. 如果是null值,返回0;
  2. 如果是undefined,返回NaN;
  3. 如果是字符串则遵循以下规则:
    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数据类型

  1. ES5的时候六种数据类型:(NNUSB)Number、Null、Undefined、String、Boolean
  2. ES6的时候增加了一个Symbol。这种类型的对象永远不相等。
  3. 谷歌67版本中还出现了一种 bigInt。是指安全存储、操作大整数。
  4. JS的数据类型有八种:Number、Null、Undefined、String、Boolean、Symbol、Object、Bigint
  5. 基本数据类型有五种:(NNNSB)Number、Null、Undefined、String、Boolean
  6. 引用类型: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 “==”运算符(两个操作数的类型不相同时)

  1. 如果一个值是null,另一个值是undefined,则它们相等
  2. 如果一个值是数字,另一个值是字符串,先将字符串转换为数学,然后使用转换后的值进行比较。
  3. 如果其中一个值是true,则将其转换为1再进行比较。如果其中的一个值是false,则将其转换为0再进行比较。
  4. 如果一个值是对象,另一个值是数字或字符串,则将对象转换为原始值,再进行比较。

7.2 对象到数字的转换

  1. 如果对象具有valueOf()方法,后者返回一个原始值,则JavaScript将这个原始值转换为数字(如果需要的话)并返回一个数字。
  2. 否则,如果对象具有toString()方法,后者返回一个原始值,则JavaScript将其转换并返回。(对象的toString()方法返回一个字符串直接量(作者所说的原始值),JavaScript将这个字符串转换为数字类型,并返回这个数字)。
  3. 否则,JavaScript抛出一个类型错误异常。

7.3 空数组转换为数字0

数组继承了默认的valueOf()方法,这个方法返回一个对象而不是一个原始值,因此,数组到数学的转换则调用toString()方法。空数组转换为空字符串,空字符串转换为数字0.









``

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。