javascript让(a==1&&a==2&&a==3)为tr

2019-05-29  本文已影响0人  指尖跳动

分析

一拿到这道题,我们先考虑到的应该是a应该是什么类型,在a==**的时候发生了什么?再去考虑a应该等于什么。

首先,如果a是一个对象,那在执行a==的时候首先会去先执行valueOf方法,如果没有value方法,就会去执行toString方法。因此我们可以改写a对象的valueOf和toString方法:
1、改写valueOf:

let a = {
 valueOf: (function() {
 let i = 1;
 //闭包的特性之一:i 不会被回收
 return function() {
   return i++;
 }
 })()
}
console.log(a == 1 && a == 2 && a == 3); //true

或者不用闭包:

let a = {
    i : 1,
    valueOf: function(){
        return a.i++
    }
}
console.log(a == 1 && a == 2 && a == 3);

2、改写toString:

let a = {
 toString: (function() {
 let i = 1;
 //闭包的特性之一:i 不会被回收
 return function() {
   return i++;
 }
 })()
}
console.log(a == 1 && a == 2 && a == 3); //true

然后,我们还可以联想到,数组的 toString 接口默认调用数组的 join 方法,那我们改写一下join方法不就行了,看实现:

3、重写数组的 join 方法

let a = [1, 2, 3];
a.join = a.shift;
console.log(a == 1 && a == 2 && a == 3); //true

4、利用数据劫持
①Object.defineProperty

let i = 1;
Object.defineProperty(window, 'a', {
 get: function() {
 return i++;
 }
});
console.log(a == 1 && a == 2 && a == 3); //true

②Proxy

let a = new Proxy({}, {
 i: 1,
 get: function () {
 return () => this.i++;
 }
});
console.log(a == 1 && a == 2 && a == 3); // true

实际上还有很多方法,工作中用不到,意义也不大。最多笔试时可能遇到。

上一篇下一篇

猜你喜欢

热点阅读