this(上下文对象)
- 我们每次调用函数时,解析器都会将一个上下文对象作为隐含的参数传递进函数。
使用this来引用上下文对象,根据函数的调用形式不同,this的值也不同。 - this的不同的情况:
- 以函数的形式调用时,this是window
var aOne = '我是Windows对象的一个变量'
function initTest() {
var aTwo = 'initTest的变量two';
var aThree = 'initTest的变量three';
console.log(this);
}
console.log(this)
initTest();
以上控制台输出可以看出this
代表的是Windows
可以使用Windows的属性
- 以方法的形式调用时,this就是调用方法的对象
var aOne = '我是Windows对象的一个变量'
var InitTest = {
atwo: 'initTest的变量two',
athree: 'initTest的变量three',
afour: function () {
console.log(this)//这里就是指向 InitTest 方法
}
}
console.log(this)//这里还是 Windows
InitTest.afour()
- 以构造函数的形式调用时,this就是新创建的对象
/*
* 创建一个InitTest构造函数
* 在Person构造函数中,为每一个对象都添加了一个afour方法,
*/
function InitTest() {
this.atwo='initTest的变量two';
this.aThree='initTest的变量three';
this.afour=function(){
console.log(this)
}
console.log(this)
}
var InitTest= new InitTest() //this->InitTest
InitTest.afour()//this->InitTest
console.log(this)//this->Windows