1. this的使用
关于this,懂点Java就应该知道,this有以下用法:
1、在类的方法定义中使用的this关键字代表调用该方法对象的引用。
2、当必须指出当前使用方法的对象是谁时,要使用关键字this。
3、有时使用this可以处理方法中成员变量和参数重名的情况。
4、this可以看做是一个变量,它的值是当前对象的引用。
简而言之,就是谁调用的含有this的语句,this就指向谁
来个例子:
var member = 88;
var obj = {
member: 12,
getMember: function(){
alert(this.member);
}
};
obj.getMember(); //12
(obj.getMember)(); //12
(obj.getMember = obj.getMember)(); //88
//obj.getMember() 中调用getMember的方法的是obj,obj.getMember是成员的访问,而getMember()是函数的调用,且前者的优先级是高于后者的,先执行的是obj.getMember,所以this 就是 obj
//(obj.getMember)() 与前面的相比,就是增加了一对括号,提高了优先级,但是本质上这个括号的加上的结果就是执行顺序还是没有改变,因此 this 就是 obj
//(obj.getMember = obj.getMember)() 在函数调用之前先执行的是一个赋值语句,赋值语句的优先级本身是比较低的,加上括号提高了优先级,执行完赋值语句就相当于下面的效果
(funtion(){
alert(this.member);
})();
此时的this 就是 window
当然通过apply,call,bind还是可以修改this的,当然这三种方法也是有区别的,我们来顺便看看.
2. apply,call,bind 的使用
var obj1 = {
member: "Linda",
getMember: function(){
return this.member;
},
sayName: function(){
alert(this.getMember());
}
};
var obj2 = {
member: "Lily",
getMember: function(){
return this.member;
}
};
obj1.sayName.call(obj2); //Lily
obj1.sayName.apply(obj2); //Lily
obj1.sayName.bind(obj2)(); //Lily
bind的使用方法很明显是不同的,call和apply都是对函数的直接调用,而bind方法返回的仍然是一个函数,所以需要加上()再调用的。
2. apply,call 的区别
var obj1 = {
member: "Linda",
getMember: function(){
return this.member;
},
sayName: function(age, friend){
alert(this.getMember() + "今年" + age + "岁,朋友有" + friend);
}
};
var obj2 = {
member: "Lily",
getMember: function(){
return this.member;
}
};
obj1.sayName.apply(obj2, ["19", "Vam"]); //Lily今年19岁,朋友有Vam
obj1.sayName.call(obj2, "19", "Vam"); //Lily今年19岁,朋友有Vam
很明显可以通过上面的例子看出,call和apply传参数的方式是略微有差别的,call需要将参数一个个用逗号隔开,直接列举,而apply是将要传的参数放在一个数组里的。