面试题-实现(5).add(3).minus(2)，使其输入结果为6

蔚落 2021-08-27 20:21 213阅读 0赞

考察类和实例，以及在类的原型上构建方法，并且能够实现链式写法。  
那么我们说 arr.push() 是因为 arr 是 Array 的实例，可以调用 Array.prototype 上的方法。push 就是其中一个。

~ function () { 
        // 每一个方法执行完都要返回一个 Number 这个类的实例，这样才可以继续调取
        // Number 类原型中的方法（链式写法）
        
        // 检测参数
        function check (n) { 
            n = Number(n);
            return isNaN(n) ? 0 : n;
        }
        
        function add (n) { 
            n = check(n);
            return this + n;
        }
        
        function minus (n) { 
            n = check(n);
            return this - n;
        }
        
        ["add", "minus"].forEach(item => { 
            // eval 将字符串转换成 js 表达式
            Number.prototype[item] = eval(item);
        })
    }()
    
    // 因为数字在 JS 里不能单纯作为一个变量开头，所以这里不能直接用数字 5 开头。
    // 而是用小括号括起来
    
    // 想执行链式操作，必须在第一次执行完以后再返回执行完的值。
    (5).add(3).minus(2)

注意：这里不能 this+=，因为 this 是不能被赋值的。

公众号：Coder 杂谈，欢迎关注  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]: /images/20210813/500595d82b7c48e8973ec0c54e6251d2.png