kujian / daily-interview-question

每日一道大厂前端面试题,每天半个小时学习,一年后会看到不一样的自己
81 stars 11 forks source link

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

Open kujian opened 5 years ago

kujian commented 5 years ago

类型转换带给我的启发

在前端博客群里的面试题学到的东西,什么时候 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 的返回值为三个不同的值。