有意思的JavaScript面试题:如何让(a ==1 && a== 2 && a==3) 的值为true
这是一道在StackOverflow上看到的面试题,内容主要为:
JavaScript如何让(a ==1 && a== 2 && a==3)的值为true。
StackOverflow上的几个答案:
重写Object的toString或者valueOf
const a = {
i: 1,
toString: function () {
return a.i++;
}
}
if(a == 1 && a == 2 && a == 3) {
console.log('Hello World!');
}
Object类型与Number类型的==比较,Object类型会转换为数字类型后再和数字比较。
A为Object类型,B为Number类型,A==B实际是
ToPrimitive(A) == B
ToPrimitive(A)会尝试调用A.toString()和A.valueOf()方法来获取A对应的数字基本类型。
定义"a"属性,并重写它的getter方法
const value = function* () {
let i = 0;
while(true) yield ++i;
}();
Object.defineProperty(this, 'a', {
get() {
return value.next().value;
}
});
if (a === 1 && a === 2 && a === 3) {
console.log('yo!');
}
Object.defineProperty()定义"a"为this的属性,并定义了a属性的getter方法。这样在条件语句里使用的a,实际为this的属性a。
这里使用了ES6新增的特性:Generator函数来产生value。
字符编码
有很好几个答案都是利用了Unicode的字符编码:同义字和隐形字符。
同义字示例
var aᅠ = 1;
var a = 2;
var ᅠa = 3;
if(aᅠ==1 && a== 2 &&ᅠa==3) {
console.log("Why hello there!")
}
隐形字符
var a = 1;
var a = 2;
var a = 3;
console.log(a == 1 && a == 2 && a == 3);
/****
var a = 1;
var a\u200c = 2;
var a\u200d = 3;
console.log(a == 1 && a\u200c == 2 && a\u200d == 3);
****/
数组toString隐含调用join()方法
a = [1,2,3];
a.join = a.shift;
console.log(a == 1 && a == 2 && a == 3);
这方法没有重写getter和toString/valueOf,它利用了数组的toString会隐含调用Array.join方法。