面向对象语言中 this 表示当前对象的一个引用. 但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。
我们先来说说this指向的几种方式
- 在方法中,this 则表示该方法所属的对象
var obj = {
name1: "zhang",
name2 : "wang",
newName : function() {
return this.name1 + " " + this.name2;
}
};
// 显示对象的数据
document.getElementById("a1").innerHTML = obj.newName();
zhang wang
- 单独使用,this 则表示全局对象
"use strict";
var aa = this;
// window 就是该全局对象为 [object Window]
- 在函数中,this 则表示全局对象
function funciton() {
return this;
}
// window 就是该全局对象为 [object Window]
window.function();
- 在函数中,在严格模式下,this 是未定义的(undefined)
- 在事件中,this 表示接收事件的元素
<button onclick="this.style.display='none'">
点我
</button>
再接着说改变this的几种方式
- call()
格式 函数名.call();
参数:
第一个参数: 传入该函数this指向的对象,传入什么强制指向什么
第二个参数开始:将原函数的参数往后顺延一位。
函数名.call('call',1,2);
- apply()
格式 函数名.apply();
参数:
第一个参数: 传入该函数this指向的对象,传入什么强制指向什么
第二个参数: 数组 。数组里面放入我们原有的参数
函数名.apply('a',[1,2])
- bind() 预设this指向
var a = 函数名.bind('aa'); 先通过bind的预设下thie指向,然后返回一个新函数,此时这个新函数this已经指向bb了
a(1,2);
函数名.bind('指向的名字')('原来的参数')
简写 函数名.bind('aa')(1,2);
总结this指向的四种方式
a.如果是一般函数,this指向全局对象window;
b.在严格模式下"use strict",为undefined.
c.对象的方法里调用,this指向调用该方法的对象.
d.构造函数里的this,指向创建出来的实例.