bind()

时间:2021-12-21 16:24:08

首先是改变this指向问题

var altwrite = document.write;

altwrite("hello");

上面的程序运行,会报错:Uncaught TypeError: Illegal invocation  非法调用

报错的原因就是this指向问题,因为altwrite指向的是windowd对象,而write指向的是document对象

我们可以通过bind()修改altwrite的上下文,把它指向document,就可以了,修改如下:

var altwrite = document.write;

altwrite.bind(document)("hello");

当然也可以使用call()方法:

altwrite.call(document, "hello")

绑定函数

bind()最简单的用法是创建一个函数,使这个函数不论怎么调用都有同样的this值。

将方法从对象中拿出来,然后调用,并且希望this指向原来的对象。如果不做特殊处理,一般会丢失原来的对象。使用bind()方法能够很漂亮的解决这个问题:

   this.num = ;
var mymodule = {
num: ,
getNum: function() {
return alert(this.num);
}
}; mymodule.getNum();// var getNumb = mymodule.getNum;
getNumb();// 9 这个函数里面的this指向的是全局对象 //创建一个this绑定到mydule的函数
var boundGetNum = getNumb.bind(mymodule);
boundGetNum(); //