探索Javascript中this的奥秘
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了探索Javascript中this的奥秘，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3120字，纯文字阅读大概需要5分钟。
内容图文
前言： this 是 JavaScript 比较特殊的关键字，运用的地方之广，方式之灵活奠定了它的强大，但同时注定了它的难用 。自己刚开始学的时候被绕的很晕，为了彻底弄懂它查了很多资料。然后将自己学的东西整理了一下，以通俗易懂的方式表达出来，权当做学习笔记，同时也可以给有需要的童鞋做下参考^_^什么是this？
this 关键字的含义是明确且具体的，即指代当前对象。即意味着这个 this 是在某种相对情况下才成立的。
this 被分为三种情况：全局对象、当前对象或者任意对象;判断处于那种情况，这完全取决于函数的调用方式，JavaScript 中主要的函数调用有以下几种方式：
作为普通函数调用
作为对象方法调用
作为构造函数调用
使用 apply 或 call 调用
1. 作为普通函数调用
------这是我们最常用的方法，这种调用方式属于全局调用，这里的 this 指的是全局对象
如上所示：定义在全局的函数, 函数的所有者就是当前页面, 也就是window对象，所以example()的调用对象就是Window，因此这里面的this就代表Window;
换一种写法:
如上所示：test()函数内部也声明了一个变量a，但是调用test()的结果为5，说明此时函数内部的this代表了全局对象即Window;
再换种写法：
如上所示： 调用test()函数，更改了全局变量a的值，即表明此时this代表全局对象。
2.作为对象函数的调用
------当函数被某个对象调用时，此时this就指向了这个对象
如上所示：执行 person.showName()的结果为 李四，说明此时showName中的this指向了person；
而把person.showName赋给other后，因为other属于全局变量，可以看成是window对象的一个属性。所以当调用other()，相当于调用window.other()，因此this指向了window, 输出结果为 张三；
所以说作为函数对象调用时，this就指向了这个调用的对象。
3. 作为构造函数调用
------构造函数，就是通过这个函数生成一个新对象（object），这时候的 this 就会指向这个新对象；
如上所示：通过new关键字生成一个object类型的对象并把它赋给dog,执行这个构造函数的话，会吧构造函数作用域里的this指向这个对象，在这里就是指向了dog,因此this.name 等同于dog.name, 所以输出结果为豆豆。
4.使用 apply 或 call 调用
------apply()是函数对象的一个方法，它应用某一对象的一个方法，用另一个对象替换当前对象。
如上所示：b.n()----因为调用的对象为b，所以this指向了b，this.a == b.a ，所以结果为李四；
b.n.apply----当apply()的参数为空时，就是没有对象去替换当前对象，默认用全局对象，所以this指向window，结果为张三；
b.n.apply(b)----指将当前的this指向替换成b，因此this指向了b，结果为李四
（本文参考了网上的资料和一些书籍，如有错误之处，欢迎指出，将及时改正，么么哒O(∩_∩)O）
总结：本文介绍了 JavaScript 中的 this 关键字在各种情况下的含义，实例都很简单，这样更能有助于加深理解。虽然这只是 JavaScript 中一个很小的概念，但借此我们可以了解 JavaScript 中函数的执行环境，充分掌握this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。最后，感谢您的观看。
以上就是探索Javascript中this的奥秘 的内容，更多相关内容请关注PHP中文网（www.gxlcms.com）！
内容总结
以上是互联网集市为您收集整理的探索Javascript中this的奥秘全部内容，希望文章能够帮你解决探索Javascript中this的奥秘所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。