JS类型显式转换与隐式转换

tips：欢迎关注我在github的博客点击查看 。 显示类型转换 尽管JavaScript可以自动做许多类型转换， 但有时仍需要做显式转换， 或者为了使代码变 得清晰易读而做显式转换。 做显式类型转换最简单的方法就是使用Boolean()、Number()、String()或Object()函 数。 Number( "3“ ) // 3 String(false) // "false" 或使用false.toString() Object(3) // Number(3) Boolean([]) // true Boolean('') // false 这边拿Boolean([]) 和Boolean('') 来说好了，有的同学可能会有困惑 来看看ECMA所述 image.png image.png Boolean()用的是ToBoolean方法； 参数为String中，string长度为0，也就是空字符串””时，Boolean显式转换为false，非空字符串为true； 而参数只要是Object类型，都被Boolean显示转换成true，而众所周知，[]数组属于Object类型的一种。 小测一下：Boolean(new Boolean(false))这结果显示为啥？ 答案是true，因为new Boolean(false)是对象而不是原始值 原始值也有人称为基本类型，但从翻译的角度来看Primitive Values应该译为原始值，而引用类型应该叫对象引用更好些，其英文是Object References 隐式转换 JavaScript中的某些运算符会做隐式的类型转换 x+"" // 等价于 String(x) 如88 + '6' => ’886’ +x // 等价于 Number(x).也可以写成x-0 如+'886' => number类型的886 !!x // 等价于Boolean(x) 如 !!'886' => true 后话 最后是不是觉得JS类型转换很令人头疼，深入研究会发现更头疼，比如 [] == ![] 为啥为true 所以开发中要用=== 代替 ==，少一些莫名其妙的隐式类型转换，能用上TS就更好了，让强大的类型推导为难你解忧。 Reference 《JavaScript权威指南》 ECMA

本文章由javascript技术分享原创和收集