美文网首页js
模拟Function.prototype.bind

模拟Function.prototype.bind

作者: u14e | 来源:发表于2017-02-22 22:48 被阅读38次
    Function.prototype.bind = function() {
        var self = this;   // 保存原函数
        var context = Array.prototype.shift.call(arguments);   // 需要绑定的this上下文
        var argsArray = Array.prototype.slice.call(arguments);   // 剩余参数转成数组
        return function() {   // 返回新函数
            return that.apply(context, Array.prototype.concat.apply(argsArray, Array.prototype.slice.call(arguments))); 
            // 执行新函数的时候,会把之前传入的context当作新函数的体内的this,并组合两次分别传入的参数,作为新函数的参数
        }
    }
    
    var obj = {
        name: 'u14e'
    };
    
    var func = function(a, b, c, d) {
        console.log(this.name);     // u14e
        console.log([a, b, c, d]);  // [1, 2, 3, 4]
    }.bind(obj, 1, 2);
    
    func(3, 4);
    

    相关文章

      网友评论

        本文标题:模拟Function.prototype.bind

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