美文网首页
javascript让(a==1&&a==2&&a==3)为tr

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

作者: 指尖跳动 | 来源:发表于2019-05-29 10:28 被阅读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
    

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

    相关文章

      网友评论

          本文标题:javascript让(a==1&&a==2&&a==3)为tr

          本文链接:https://www.haomeiwen.com/subject/xrletctx.html