管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

你必须知道的Javascript知识点之

　　很多人都知道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();  //猜猜这里的输出

教程首页 更多教程