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

在前端博客群里的面试题学到的东西,什么时候 a ==1 && a== 2 && a==3 为 true?

解法一:对象类型转换

var a = {
    i:1,
    toString:function(){
        return a.i++;
    }
}

当两个类型不同时进行==比较时,会将一个类型转为另一个类型,然后再进行比较。

比如Object类型与Number类型进行比较时,Object类型会转换为Number类型。

对象转换为Number时,会尝试调用Object.valueOf()和Object.toString()来获取对应的数字基本类型。

解法二:数组类型转换

var a = [1,2,3];
a.join = a.shift;
console.log(a == 1 && a == 2 && a == 3);

与上面这个类型转换一样,数组调用toString()会隐含调用Array.join()方法

而数组shift方法的用法:shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

所以我们可以看到 a==1时会调用toString(),toString()调用join(),join()等于shift,则转换为Number类型后为1.

解法三:定义a的get

var val = 0;
Object.defineProperty(window, 'a', {
  get: function() {
    return ++val;
  }
});
console.log(a == 1 && a == 2 && a == 3);

使用一个get,让 a 的返回值为三个不同的值。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流