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

Posted 2020-08-24

 

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 );