位置: 编程技术 - 正文
Javascript浅谈之this(javascript entries)
编辑：rootadmin介绍this在各种对面对象编程中起着非常重要的作用，主要用于指向调用的对象。不过在JavaScript中，this的表现存在很大差异，特别是不同执行上下文。
由前文我们知道this也是属于执行上下文中的一个属性，所有它命中注定和执行上下文脱不了干系。
在Javascript中，this的取值取决于调用的模式。调用模式一共有四种：方法调用模式、函数调用模式、构造器调用模式和apply调用模式。
调用模式方法调用模式当一个函数被保存为对象的一个属性时，我们称它为一个方法。当一个方法被调用时，this被绑定到该对象，即方法调用模式中的this指向调用对象。这个理解起来非常容易，你是我的一个方法，你属于我，你的this当然指向我啦。
因为可以通过this访问到自己所属的对象，所有可以通过它调用和修改对象中属性或者方法。由前文可知，this作为执行上下文中属性的一员，必然是在上下文创建时才创建，所有this到对象的绑定发生在调用的时候，这属于“延迟绑定”。通过延迟绑定可以实现对this的高度复用。
上例中函数showValue就属于延迟绑定。
函数调用模式当一个函数并非作为一个对象的方法来调用，这时就是函数调用。函数调用模式中，this被绑定到全局对象。（这是语言设计上的一个错误）
按照正常思路，应该如第四行所输出那样，this指向函数所属对象，可是由于语言设计上面的问题导致this指向的却是全局对象。这个更是让this变得神秘，令人捉摸不透。但是作为开发者，这种情况肯定是我们所不愿意见到的，不按常理出牌这是，还好补救措施也很简单，就是上例中用that指代this。这样，在helper方法中调用that就可以当this使用，简单方便。至于函数调用模式为什么this会这样，后面在分析引用类型时会详加说明。
构造器调用模式由于javascript是基于原型继承，但是它的设计者又想要它能像传统的面向对象语言那样能通过new和构造函数创建对象，现实面向对象编程。这个貌似不是什么好的构想，有点画虎不成反类犬的尴尬。一是学不来，而是没必要学。javascript的原型继承机制已经非常强大，足以满足面向对象所需的继承多态。
闲话少叙，还行言归正传说说构造器调用模式。构造器调用模式这个非常简单，它就是就一个函数当做构造器，然后将你打算公用的属性和方法用this引进声明。如下
上面例子我们可以清楚看出，this是指向通过new和构造函数创建的对象。为什么会这样？这是因为在javascript中通过new调用构造函数时，new运算符调用“Person”函数的内部的[[Construct]] 方法，接着，在对象创建后，调用内部的[[Call]] 方法。 所有相同的函数“Person”都将this的值设置为新创建的对象。
apply调用模式javascript中所有函数创建之后，都会自带两个方法：apply和call。这两个方法的的具体使用，我在此就不想详细说明，不知道的同学可以百度一下，挺简单的。通过两个方法，我们可以手动设置this。虽然this在创建时候是不允许修改的，但是，我们在创建之前，手动设置过，那就是另外一回事了。这一设置，可不得了，你就可以让你的对象调用任意方法，就好像你可以让汽车大海中航行，非洲象如美洲豹一样飞驰，程序员像钢琴师一样弹奏。哈哈想象总是美好的，调用归调用，但是调用了能不能实现功能就另说了。
上面看着是不是挺有意思的，apply的第一个参数就是执行方法中的this指向。这样我们就可以借用别人的方法自己私下偷偷的用，可谓方便至极。在一些框架中经常用的此类技巧。
总结关于this就说这么多，相信大家看过之后，对在不同情境中this的判定都有些了解了，本来打算讨论接下来讨论引用对象的，阐述一下方法调用模式和函数调用模式中this取值的原理，但害怕篇幅过长，所以决定用单独一章向大家分析一下引用对象这个概念。
推荐整理分享Javascript浅谈之this(javascript entries)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:javascript entries,javascript entries,javascript definitive guide,javascript definitive guide,javascript entries,javascript definitive guide,javascript tr,javascript+,内容如对您有帮助，希望把文章链接给更多的朋友！
Javascript浅谈之引用类型 简介1.引用类型（Referencetype）引用类型是javascript中一种内部类型。它主要是当做一个指代，代替一个变量或者函数，当然在需要真实值时，又可以通过
浅谈Javascript 执行顺序 Javascript是执行顺序是至上而下的，除非你特别说明,Javascript代码不会等到页面加载完毕后才执行。比如一个网页里含有以下HTML代码：divid="ele"welcometowww.g
浅析document.ready和window.onload的区别讲解 Javascript只有在DOM元素已经定义以后才可以对其执行某种操作，这个问题在javascript执行顺序里
