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

最新推荐文章于 2022-08-02 17:17:41 发布

weixin_34206899

最新推荐文章于 2022-08-02 17:17:41 发布

阅读量261

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5baa45bdf265da0ab673c085

本文深入解析了一段看似矛盾的JavaScript代码：如何让a==3&&a==4的判断成立。关键在于利用JavaScript的valueOf方法重写特性，通过对象属性动态改变比较值，巧妙实现了这一逻辑。

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
复制代码

下面妹子我将一一解析其原理。

定义一个变量a,并赋值一个对象，方便后面重写它的valueOf方法。可以通过Object.isFrozen()方法来判断一个对象的属性是否可以重写。

根据 MDN Web 文档-Object.isFrozen():developer.mozilla.org/zh-CN/docs/…

在 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
复制代码

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

根据 MDN Web 文档-比较操作符:developer.mozilla.org/zh-CN/docs/…

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

所以将会运行a.valueOf()，x加1。

let a=[];
var x=3;
a.valueOf=()=>{
   return x++
};
if(a==3){
  console.log(x); 
}
//4
复制代码

这时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为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
复制代码

raoenhui.github.io/js/2018/09/…
raoenhui.github.io/js/2018/09/…
raoenhui.github.io/js/2018/09/…

Happy coding .. :)