js双等号探索(二): a==3&&a==4 为

前言

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

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()，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

其他链接

• https://raoenhui.github.io/js/2018/09/22/compare1/
• https://raoenhui.github.io/js/2018/09/23/compare2/
• https://raoenhui.github.io/js/2018/09/28/compare3/

Happy coding .. :)