js中bind,call,apply方法的应用
最近用js的类写东西,发现一个无比蛋疼的事,那就是封装的类方法中的this指针经常会改变指向,失去上下文,导致程序错误或崩溃。
比如:
function Obj(){
this.type = "obj";
}
Obj.prototype = {
show : function (){
etTimeout(function (){
console.log(this.type);
},300)
}
var obj = new Obj();
obj.show(); //undefined
所幸伟大的js有多种方法可以解决这个问题。我们可以直接保存上下文的指针指向 比如 var self = this; 然后用缓存的 self指针,但是js里面有 bind,apply,call等比较好用的方法,来指定上下文。
语法:fn.bind(obj,arguments)
fn.apply(obj,arguments)
fn.call(obj,arguments)
区别:
1.bind返回一个方法,而其余两个都直接调用了函数;
2.第一个参数都一样,指定上下文对象,第二个参数apply是数组,而call则对应形