一道前端面试题引起的思考

最近在看前端面试题的过程当中,发如今stackoverflow上有这么一道题,题目大概是这样的:

// 请在问号处填写你的答案,使下方等式成立
let a = ?;
if(a == 1 && a == 2 && a == 3) {
    console.log("Hi, I'm Echi");
}
复制代码

一看到这道题,相信大多数人心目中就已经最少有两种实现方案了。咱们知道当一个对象在转换为基本类型时，首先它会先调用 valueOf 而后调用 toString, 因此咱们尝试着改写这两种方法。

(一) 使用valueOf实现

let a = {
    i: 1,
    valueOf() {
        return a.i++;
    }
};
if(a == 1 && a == 2 && a == 3) {
    console.log("Hi, I'm Echi");
}
复制代码

(二) 使用toString实现

let a = {
    i: 1,
    toString() {
        return a.i++;
    }
};
if(a == 1 && a == 2 && a == 3) {
    console.log("Hi, I'm Echi");
}
复制代码

接下来咱们来看对象的Symbol.toPrimitive属性,该属性会指向一个方法。当对象被转化为原始类型的值时，会调用这个办法，返回该对象对应的原始类型值,且该方法在转基本类型时调用优先级最高。因此咱们就有了第三种方案:

(三) 使用Symbol.toPrimitive实现

let a = {
    i: 1,
    [Symbol.toPrimitive]() {
        return a.i++;
    }
};
if(a == 1 && a == 2 && a == 3) {
    console.log("Hi, I'm Echi");
}
复制代码

好了,以上就是我对这道题的解题方案,主要仍是利用了==对变量类型的隐式转换,固然你们可能还有其余解题方案。好比说能够使用es5的Object.defineProperty,或者es6的Proxy,这里我就不写出来了;

最后问你们一句,若是将题目中的==换成===,效果仍是同样的吗,为何?欢迎你们留言讨论

更多详情,请自行查看 stackoverflow;

本文做者： Echi
本文连接： juejin.im/user/585e36…
版权声明： 本文章除特别声明外，均采用 @BY-NC-SA 许可协议。转载请注明出处！