[置顶] 通俗理解js中的this

关于this的解读在网上不要太多。不过就是太长了，看着头疼。这里用尽量短的篇幅帮助分辨出this究竟指向谁。

一句话，this指向调用时的执行环境。

1、在非严格模式下，当this处于一个全局函数（该函数没有内嵌函数）中，那么在window中调用该函数时，this指向window。因为window是该全局函数的执行环境。（这里在严格模式下显示undefined，因为在严格模式下，如果

this

未在执行的上下文中定义，它将会默认为

undefined

。）如下：

function a(){
var user = "Jane";
console.log(this.user); //undefined
console.log(this); //Window
}
a();

a为全局函数，毫无疑问在window里执行，因此this指向window。this.user即window.user，很明显没有user这样一个全局变量。所以undefined。

2、当this处于闭包中。

（1）情况1，由最外层函数一层层调用。则this所在函数的上一层对象就是执行环境，而不会向上追溯（这点和作用域链不一样）。如下：

var o = {
a:10,
b:{
a:20,
fn:function(){
console.log(this.a); //20
}
}
}
o.b.fn();

这里的this所在的fn函数又是处在对象b（为对象b的方法）中，因此，执行环境就是b。如果b中没有，则不找了，为undefined。如下

var o = {
a:10,
b:{

fn:function(){
console.log(this.a); //undefined
}
}
}
o.b.fn();

(2)情况2，当闭包被赋予一个全局变量时，在调用时执行环境为window（非严格模式下）。

var o = {
a:10,
b:{
a:20,
fn:function(){
console.log(this.a); //undefined
console.log(this); //window
}
}
}
var p = o.b.fn;
p();

var p = o.b.fn;  即把闭包函数fn内容赋值给p了。

然而在调用时，执行环境是window，因此this指向window。

又来加几点：

3、关于构造函数

什么是构造函数，简单来说就是能new一个实例出来，而这些实例能共享构造函数的方法和属性。构造函数有原生（Object、Array，Function、Date等等）和非原生两种。

我们创建的函数（function xx （）{}）确实也是可以说是依据Function函数new出来的（
4000
当然不会写成 new Function（）形式而是函数表达式形式，具体就不展开了）。

下面是一个典型的构造函数

function Create(name) {
this.name=name;
this.sayName=function (){
alert(this.name);
};
}

这里还是重复一下，Create还是一个全局变量，因此，this指向的还是window。即Create('xxx').sayName()是要引发错误的。

接下来new一个实例：var inst=new Create('long');
inst.sayName(); //‘long’inst继承了构造函数的方法和属性。在new的时候，实质上是将inst作为执行环境下，执行Create函数，因此当然this指向的是执行环境inst。