javascript中隐式类型是如何转换的以及a==1&&a==2&&a==3可以成立吗

类型转换

类型转换分为两种,隐式转换即程序自动进行的类型转换,强制转换即我们手动进行的类型转换。这里主要说下隐式转换。

1. 类型转换规则

如果发生了隐式转换,那么各种类型互转符合下面的规则:
在这里插入图片描述

2. if语句和逻辑语句

if语句和逻辑语句中,如果只有单个变量,会先将变量转换为Boolean值,只有下面几种情况会转换成false,其余被转换成true:

null
undefined
''
NaN
0
false
3. 各种运数学算符

我们在对各种非Number类型运用数学运算符(- * /)时,会先将非Number类型转换为Number类型

1 - true // 0
1 - null //  1
1 * undefined //  NaN
2 * ['5'] //  10

注意+是个例外,执行+操作符时:

  • 1.当一侧为String类型,被识别为字符串拼接,并会优先将另一侧转换为字符串类型。
  • 2.当一侧为Number类型,另一侧为原始类型,则将原始类型转换为Number类型。
  • 3.当一侧为Number类型,另一侧为引用类型,将引用类型和Number类型转换成字符串后拼接。
123 + '123' // 123123   (规则1)
123 + null  // 123    (规则2)
123 + true // 124    (规则2)
123 + {}  // 123[object Object]    (规则3)
4. ==

使用==时,若两侧类型相同,则比较结果和===相同,否则会发生隐式转换,使用==时发生的转换可以分为几种不同的情况(只考虑两侧类型不同):

  • 1.NaN

NaN其他任何类型比较永远返回false(包括和他自己)。

NaN == NaN // false
  • 2.Boolean

Boolean其他任何类型比较,Boolean首先被转换为Number类型。

true == 1  // true 
true == '2'  // false
true == ['1']  // true
true == ['2']  // false

这里注意一个可能会弄混的点:undefinednullBoolean比较,虽然undefinednullfalse都很容易被想象成假值,但是他们比较结果是false,原因是false首先被转换成0:

undefined == false // false
null == false // false
  • 3.String和Number

StringNumber比较,先将String转换为Number类型。

123 == '123' // true
'' == 0 // true
  • 4.null和undefined

null == undefined比较结果是true,除此之外,nullundefined和其他任何结果的比较值都为false

null == undefined // true
null == '' // false
null == 0 // false
null == false // false
undefined == '' // false
undefined == 0 // false
undefined == false // false
  • 5.原始类型和引用类型

当原始类型和引用类型做比较时,对象类型会依照ToPrimitive规则转换为原始类型:

'[object Object]' == {} // true
'1,2,3' == [1, 2, 3] // true

来看看下面这个比较:

[] == ![] // true

!的优先级高于==![]首先会被转换为false,然后根据上面第二点,false转换成Number类型0,左侧[]转换为0,两侧比较相等。

[null] == false // true
[undefined] == false // true

根据数组的ToPrimitive规则,数组元素为nullundefined时,该元素被当做空字符串处理,所以[null][undefined]都会被转换为0。
所以,说了这么多,推荐使用===来判断两个值是否相等…

5. 一道有意思的面试题

一道经典的面试题,如何让:a == 1 && a == 2 && a == 3
根据上面的拆箱转换,以及==的隐式转换,我们可以轻松写出答案:

const a = {
   value:[3,2,1],
   valueOf: function () {return this.value.pop(); },
} 
  • 今天先发出去,后边准备再添加内容:valueof()tostring()在隐式类型转换中的用处
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值