(a== 1 && a ==2 && a==3)可能为true吗?

(a== 1 && a 2 && a3)可能为true吗?

前言

最近在网上看到一个面试题:(a== 1 && a 2 && a3)有可能返回true吗?答案是可以的,下面来具体讲解一下。

valueOf和toString

这个问题的一个关键点就是在于利用 == 双等号工作原理, == 和 === 有什么区别呢?最主要的就是用 == 的时候会涉及到类型转换,如果双等号两边数据类型不同会尝试将他们转化为同一类型。基础数据类型之间的转换是比较简单的,这里来说一下对象类型在使用 == 时产生的隐形转换。

valueOf和toString这两个方法是每个对象都自带的(继承自Object原型),我们先定义一个简单的对象然后调用他的这两个方法来看下结果:

在这里插入图片描述

控制台.png

可以看到toString返回一个字符串"[object Object]",valueOf则是直接返回对象本身,而c=="[object Object]"也为true则说明了在隐式转换的过程中,调用了c的toString方法。

实现

到这里我们只要重新定义一下变量a,重写它的toString方法就可以实现我们要达到的目的了:

let a = {
  i: 1,
  toString () {
    return a.i++
  }
}

if(a == 1 && a == 2 && a == 3) {
  console.log('Hello World!');
}
// 输出Hello World!

这里说下具体的过程:
执行a == 1时,js引擎会尝试把对象类型a转化为数字类型,首先调用a的valueOf方法来判断,不行则继续调用toString方法,然后再把toString返回的字符串转化为数字类型再去和a作比较(这里我重写了toString就直接返回的数字类型的结果,正常情况toString返回的字符串)。
所以每一次使用==判断都会调用一次a的toString方法,返回i属性的值,然后使a的i属性加1,这样最后的判断结果自然就为true了。
其实重写valueOf方法也可以实现,而且转化时会优先调用valueOf方法:

var c = {
  toString () {
    console.log('toString')
  },
  valueOf () {
    console.log('valueOf')
  }
}
c == 1
// console输出'valueOf'

结语

这个问题看起来是解决了,但其实在实际项目中去重写原生对象的toString或valueOf方法是很不应该的,比如toString本来是一定会返回一个字符串结果的,重写后返回其他类型反而容易出问题。

作者:ITgecko
链接:https://www.jianshu.com/p/7b82a4c47f28
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值