你必须知道的Javascript知识点之"this指针"的应用_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了你必须知道的Javascript知识点之"this指针"的应用_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1760字，纯文字阅读大概需要3分钟。
内容图文
很多人都知道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(); //猜猜这里的输出
内容总结
以上是互联网集市为您收集整理的你必须知道的Javascript知识点之"this指针"的应用_javascript技巧全部内容，希望文章能够帮你解决你必须知道的Javascript知识点之"this指针"的应用_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】