JavaScript this 详解
在js中,this 主要出现在3个地方,全局代码段,函数代码段,eval代码段(实际上,js代码只有这三种类型)。
在全局代码段中,this是全局对象的引用,在客户端js中,即对象window。
在浏览器console中,输入this,可以看到,this即为对象window。
在eval代码段中,this与调用eval环境的this相同。
eval('console.log(this);');
function f(){
var that = this;
eval('console.log(this);');
eval('console.log(this == that)');
}
var o={};
o.f = f;
o.f();
在函数代码段中,this比较复杂,this为调用该函数的对象(注意:与Activation Object不同)。
var id = 'global';
var o = {
id: 'o',
f1: function(){
console.log(this.id)
}
}
o.f1(); //o
f = o.f1
f() //global
上面的例子比较简单,对于嵌套函数问题比较复杂,但是,只要记住this始终指向调用这个函数的对象。
var id = 'global';
function f1(){
var id = 'f1';
function f2(){
var id = 'f2';
console.log(this.id);
}
return f2;
}
f1()(); //global
以上关于this的说明都是默认情况下,如果想要改变this所指向的对象,可以,查看 apply(),call(), bind() 函数(这几个函数是Function对象的属性方法)