很多人都知道this指针，这篇文章的主要目的是为了培训我们公司的新人。

默认的this指针指向

规则1

this指针默认指向方法调用时为其指定的对象，如：obj.fun()，fun方法体中的this指针指向obj。

复制代码 代码如下:

var user = { name: '段光伟' };

user.getName = function(){ return this.name; };

user.getName(); //返回‘段光伟'

复制代码 代码如下:

var user = { name: '段光伟' };

user.getName = function(){ return this.name; };

user.getName(); //返回‘段光伟'

window.name = '李妞妞';

window.getName = user.getName

window.getName(); //返回‘李妞妞'

getName(); //返回‘李妞妞'

规则2

如果在方法调用时没有为方法指定对象则this指针默认指向window，如：fun()，fun方法体中的this指针指向window。

复制代码 代码如下:

var fun = function(){

return this;

}

fun(); //返回window对象

规则3没有在方法体中的代码可以看作执行在一个匿名方法，根据规则2可以推论出其this指针指向window。

this //window对象

改变this指针的默认指向

使用apply

复制代码 代码如下:

var user = { name: '段光伟' };

user.hi= function(message){ return this.name+':'+message; };

window.name = '李妞妞'

user.hi('你好'); //输出‘段光伟:你好'

user.hi.apply(window, ['你好']); //输出‘李妞妞:你好'

使用call

复制代码 代码如下:

var user = { name: '段光伟' };

user.hi= function(message){ return this.name+':'+message; };

window.name = '李妞妞'

user.hi('你好'); //输出‘段光伟:你好'

user.hi.call(window, '你好'); //输出‘李妞妞:你好'

构造函数中的this指向

构造函数中的this指针默认指向执行正在构造的对象。

复制代码 代码如下:

var User = function(name){

this.name = name;

};

User.prototype.hi = function(){

return this.name;

};

var user = new User('段光伟');

user.hi(); //输出‘段光伟'

最后的小测试

猜猜最后的输出时什么？

复制代码 代码如下:

var User = function(name){

this.name = name;

};

User.prototype.hi = function(){

return this.name;

};

var user = new User('段光伟');

user.hi(); //输出‘段光伟'

var hi = user.hi;

hi(); //猜猜这里的输出