详解JavaScript中的类型判断与类型转换

类型判断

• typeof运算符主要用于判断原始数据类型，但其存在局限性：当判断null时，会错误地返回'object'；而在判断引用类型时，仅能准确识别出function类型。

• Object.prototype.toString(): 由于区分对象、数组、函数时单纯使用 typeof 只能判断为 object 对象，但可以通过 Object.prototype.toString 方法判断某个对象值属于哪种内置类型。例如：[object String] 1). 如果 this 值是 undefined，就会返回 [object Undefined] 2). 如果 this 值是 null，就会返回 [object Null] 3). 生成变量 o，让 o 成为 ToObject(this) 的结果 4). 让 class 成为 o 的内部属性 [[class]] 的值 5). 最后返回由 "[object" 和 class 和 "]" 三个部分组成的字符串

例如：console.log(Object.prototype.toString.call(new Date())); 输出结果为 //[object Date]。

• 数组身上的判断方法：Array.isArray()

Array.isArray()方法用于判断指定值是否为数组，并返回一个布尔值。

• instanceof运算符仅适用于判断引用类型，无法判断原始类型，其原理是沿原型链查找；由于数组也属于Object，因此instanceof也能判断出它是Object。instanceof用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上。

类型转换

对象转原始类型

JavaScript中的类型转换主要涉及三种类型：to string、to boolean 和 to number。

转number

调用 ToPrimitive (obj, Number)。

• 如果obj是基本类型，直接返回该值。
• 否则，调用ValueOf方法，如果得到一个原始类型，则返回该结果。
• 否则，调用toString方法，如果得到一个原始类型，则返回该结果。
• 若上述步骤均未得到原始类型，则报错。例如：[]==![] 和 Number({}) 的结果为NaN。

转string

调用 ToPrimitive (obj, String)。

• 如果obj是基本类型，直接返回该值。
• 否则，调用toString方法，如果得到一个原始类型，则返回该结果。
• 否则，调用ValueOf方法，如果得到一个原始类型，则返回该结果。
• 若上述步骤均未得到原始类型，则报错。

隐式转换

一元操作符 : +'1'=>Number(1)=1 '+'会触发Number()

当+运算作为一元操作符时，会调用ToString()处理该值。

二元操作符

v1+v2

• lprim=ToPrimitive(v1)
• rprim=ToPrimitive(v2)
• 如果lprim或rprim是字符串，那么返回 ToString(lprim)和ToString(rprim)的拼接结果。
• 否则返回ToNumber(lprim)和ToNumber(rprim)的相加结果。

==

当执行 x == y 时,

• 如果x和y是同一类型,

  如果x是undefined,返回true

  如果x是null,返回true

  x是数字 x是NaN,返回false

  如果x和y指向同一个对象,返回true,否则返回false

• 特例: null == undefined //true

• 1 == 'h' 会先ToNumber('h')再判断

• false == '1' 会先ToNumber('false') ToNumber('1')

• true == {a:1} // ToPrimitive({a:1})

[] == ![]

!运算符优先级更高 先执行![] !为布尔 ![]为false []==false 然后有==将这两个向Number靠近 []为引用类型,调用ToPrimitive() 然后先调用valueOf()没有 再调用toString()转换成'' ''再转换成0 false转换成0 所以[] == ![]

到此这篇关于详解JavaScript中的类型判断与类型转换的文章就介绍到这了,更多相关JavaScript类型判断与转换内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！