首页 / JAVASCRIPT / 通过一段代码简单说js中的this的使用_基础知识

通过一段代码简单说js中的this的使用_基础知识

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了通过一段代码简单说js中的this的使用_基础知识，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含904字，纯文字阅读大概需要2分钟。

内容图文

今天有朋友说遇到如下代码，让我帮解释原因
代码如下:

var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};

alert(object.getNameFunc()());原因是js的this是动态决定的，和你调用方式有直接关系。

简单说如果你调用一个函数的时候使用“对象.函数名”的方式，那么this就是这个.(点)之前的对象，否则是window。
比如你在调用object.getNameFunc()的时候getNameFunc函数体中的this是刚声明的object。如果你写成
代码如下:

var func = object.getNameFunc;
func();

这时候getNameFunc函数体中的this是window，虽然是同一函数调用方式的不同决定了this的不同。
同样的道理，object.getNameFunc()返回的是一个函数引用，加一个括号就是让函数执行。其实相当于如下代码
代码如下:

var func = object.getNameFunc();
alert( func() );

函数前没有“对象.”这种形式，所以执行函数时候this是window，结果就很明显了。

以后我会写一篇关于js this的文章，欢迎大家关注我的CSDN博客tt361。

内容总结

以上是互联网集市为您收集整理的通过一段代码简单说js中的this的使用_基础知识全部内容，希望文章能够帮你解决通过一段代码简单说js中的this的使用_基础知识所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/317247.html

来源：【匿名】