js中bind的模拟实现

bind的作用

bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的
this，之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN )

var key = "windowK";
var obj = {
    key : "objK"
}
function fn(name,age){
    console.log("name="+name+" ; age="+age+" ; this.key="+this.key);
}

var bindFn = fn.bind(obj); 
console.log(bindFn); //输出新的fn函数
console.log(bindFn("Lucy",20)); //"name=Lucy ; age=20 ; this.key=objK"

执行结果：

bind的模拟实现

var key = "windowK";
var obj = {
    key : "objK"
}
function fn(name,age){
    console.log("name="+name+" ; age="+age+" ; this.key="+this.key);
}
//bind模拟实现
Function.prototype.mBind = function(newObj){
    var args = [].slice.call(arguments,1);
    var that = this;
    return function(){
        that.apply(newObj, args.concat([].slice.call(arguments,0)))
    }
}

var bindFn = fn.mBind(obj);
console.log(bindFn);
console.log(bindFn("Lucy",20))

执行结果：