bind函数的模拟实现

[conan1992]

bind()

bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。

当目标函数被调用时，被预置入绑定函数的参数列表中的参数。

模拟实现第一步

Function.prototype.bind2 = function(){
	var thatFun = this;
	var context = arguments[0];
	var args = Array.prototype.slice.call(arguments, 1);

	return function(){
		var newArgs = args.concat( Array.prototype.slice.call(arguments))
		return thatFun.apply(context, newArgs)
	}
}

模拟实现第二步、

当 bind 返回的函数作为构造函数的时候，bind 时指定的 this 值会失效，但传入的参数依然生效。

Function.prototype.bind2 = function(){
	var thatFun = this;
	var context = arguments[0];
	var args = Array.prototype.slice.call(arguments, 1);

	var fBound =  function(){
		var newArgs = args.concat( Array.prototype.slice.call(arguments))
		return thatFun.apply(this instanceof fBound ? this : context, newArgs)
	}
	fBound.prototype = this.prototype
	return fBound;
}

模拟实现第三部-优化

	//调用 bind 的不是函数
	if (typeof this !== "function") {
		throw new Error("Function.prototype.bind - what is trying to be bound is not callable");
	}

	var thatFun = this;
	var context = arguments[0];
	var args = Array.prototype.slice.call(arguments, 1);
	var fNOP = function () {}; 
	var fBound =  function(){
		var newArgs = args.concat( Array.prototype.slice.call(arguments))
		return thatFun.apply(this instanceof fBound ? this : context, newArgs)
	}
	fNOP.prototype = this.prototype
	fBound.prototype = new fNOP();
	return fBound;
}

生产使用

if (!Function.prototype.bind) (function(){
	Function.prototype.bind = function(){
		...
	}
})

或者

Function.prototype.bind = Function.prototype.bind || function () {
    ……
};

• 参考
  MDN Function.prototype.bind()
  JavaScript深入之bind的模拟实现