通过bind改变处理函数中的this指向

通过bind 改变事件处理函数中this的指向

MDN解释

bind方法会创建一个新函数 称为绑定函数

当调用这个绑定函数时

绑定函数会以创建它时传入bind（）方法的第一个参数作为this

传入bind（）方法的第二个以及以后的参数

按照顺序作为原函数的参数来调用原函数

注意 ：bind方法的返回值是函数

// 创建一个对象
var obj = {
//属性
name: ‘zs’,
na : ‘iheima’,
//方法
fun:
function(){
console.log(this);
},
bar:
function(na){
console.log(na);
}
}
// // 调用对象中的方法
obj.fun();

// 创建一个函数
var o = function fn(){
// name是对象obj中的属性
console.log(this.name);
console.log(this.na);
console.log(this.fun);
// 这里的this指向obj里面的this
console.log(this);
// 怎么才能访问到bar里面的内容呢？
console.log(this.bar);

	}

// o();
// o.bind(obj)();

// 或者
// 这时候this指向了obj
// var o2 = o.bind(obj );
var o2 = o.bind(obj,obj.na )
o2();
//代码段
}

代码段

setInterval(function() {
setInterval(

	function() {
      		console.log(this.name);
    			}, 1000);
    }

调用对象
obj.fun();

原来的对象this指向 function 是局部对象 局部对象的方法只能在局部对象里使用

可以利用bind（）把fun（）方法中的this绑定到对象上 并且可以传进去额外的参数

当返回的绑定函数被调用时 这些额外的参数会自动传入绑定函数

类似css中的mixin

现在有了bind 通过bind 把局部对象中的属性和方法绑定到另一个对象 让另一个对象也能使用这个对象的方法