首页 > 代码库 > bind原理 附带上自己的一些理解 （引自javascript设计模式和与看法实践）

bind原理 附带上自己的一些理解 （引自javascript设计模式和与看法实践）

2024-08-28 00:59:40   218人阅读

 
Function.prototype.bind = function(){
//this指向的是所有由Function构造器产生的函数
var self = this, // 保存原函数
//[]就相当于Array.prototype,(借用Array构造器原型上的shift方法将传递的第一个参数拿出来作为this指向的对象)
context = [].shift.call( arguments ), // 需要绑定的 this 上下文
//slice作用就是返回选定的数组元素(这里[].slice.call( arguments )是在bind函数内传递的参数)
args = [].slice.call( arguments ); // 剩余的参数转成数组
return function(){ // 返回一个新的函数
//这里的 [].slice.call( arguments) 是需要继承bind函数的新函数体传的参数
return self.apply( context, [].concat.call( args, [].slice.call( arguments ) ) );
// 执行新的函数的时候，会把之前传入的 context 当作新函数体内的 this，并且使用concat函数将两个分别传的参数连接起来
// 并且组合两次分别传入的参数，作为新函数的参数
}
};
var obj = {
name: ‘sven‘
};
var func = function( a, b, c, d ){
alert ( this.name ); // 输出：sven
alert ( [ a, b, c, d ] ) // 输出：[ 1, 2, 3, 4 ]
}.bind( obj, 1, 2 );
func( 3, 4 );

bind原理 附带上自己的一些理解 （引自javascript设计模式和与看法实践）


联系
我们