前言

a==3 && a==4True是可以实现的。 具体代码如下所示:

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

isFrozen.png

在 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

compare.png

==的优先级为10 ,&&的优先级为6==的优先级更高,所以先运行a==3,再运行a==4,最后进行&&判断。

第三步 a==3为True

根据 MDN Web 文档-比较操作符:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Comparison_Operators

image.png

如果一个对象与数字或字符串相比较,JavaScript会尝试返回对象的默认值。操作符会尝试通过方法valueOf和toString将对象转换为其原始值(一个字符串或数字类型的值)。

所以将会运行a.valueOf()x1

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==3Truea==4True,则true && trueTrue

let a=[];
var x=3;
a.valueOf=()=>{
   return x++
};
a==3 && a==4 ? console.log("succeed") : console.log("failed");
//succeed

其他链接

Happy coding .. :)

Comments评论



也可直接在issue下评论 https://github.com/raoenhui/raoenhui.github.io/issues