前言
a==3 && a==4
为True
是可以实现的。
具体代码如下所示:
let a=[];
var x=3;
a.valueOf=()=>{
return x++
};
a==3 && a==4 ? console.log("succeed") : console.log("failed");
//succeed
下面妹子我将一一解析其原理。
第一步 let a=[]
定义一个变量a
,并赋值一个对象,方便后面重写它的valueOf
方法。
可以通过Object.isFrozen()
方法来判断一个对象的属性是否可以重写。
根据 MDN Web 文档-Object.isFrozen():https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/isFrozen
在 ES5 中,如果参数不是一个对象类型,将抛出一个
TypeError
异常。在 ES2015 中,非对象参数将被视为一个冻结的普通对象,因此会返回true
。
Object.isFrozen("");
// true (ES2015 code)
Object.isFrozen({});
// false (ES2015 code)
注意:所以a
一定要是对象,如果a是非对象的其他基本类型如String
,,被视为冻结对象,不能重写valueOf
,则不起效果。
let a=""; //非对象
var x=3;
a.valueOf=()=>{
return x++
};
a==3 && a==4 ? console.log("succeed") : console.log("failed");
//failed
第二步 a==3 && a==4
根据 MDN Web 文档-运算符优先级:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
==
的优先级为10 ,&&
的优先级为6,==
的优先级更高,所以先运行a==3
,再运行a==4
,最后进行&&
判断。
第三步 a==3
为True
根据 MDN Web 文档-比较操作符:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Comparison_Operators
如果一个对象与数字或字符串相比较,JavaScript会尝试返回对象的默认值。操作符会尝试通过方法valueOf和toString将对象转换为其原始值(一个字符串或数字类型的值)。
所以将会运行a.valueOf()
,x
加1
。
let a=[];
var x=3;
a.valueOf=()=>{
return x++
};
if(a==3){
console.log(x);
}
//4
第四步 a==4
为True
这时x
已经为4
,运行a.valueOf
返回值也为4
。
let a=[];
var x=3;
a.valueOf=()=>{
return x++
};
if(a==3){
console.log(x);
}
//4
if(a==4){
console.log(x);
}
//5
最后a==3 && a==4
为true
如上所示a==3
为True
,a==4
为True
,则true && true
为True
let a=[];
var x=3;
a.valueOf=()=>{
return x++
};
a==3 && a==4 ? console.log("succeed") : console.log("failed");
//succeed
其他链接
Happy coding .. :)