解密 JavaScript 中的 this
2014-03-26 13:33
190 查看
转自http://yanhaijing.com 原文
我想在本文解释JavaScript中的this,希望有助你理解this的工作机制。作为JavaScript程序员,学习this对于你的发展有很大帮助,可以说利大于弊。这篇文章的灵感来自于我最近的工作——我即将完成的书的最后章节——《JavaScript 应用程序设计 | JavaScript Application Design》(注意:现在你可以购买早期版本),我写的是关于scope工作原理的方面。
很疯狂,不是吗?在这篇短文,我想揭开它的神秘面纱。
注意这种行为非常“脆弱”,如果你获取一个方法的引用并且调用,那么this的值不会是parent了,而是window全局对象。这让大多数开发者迷惑。
底线是你应该查看调用链,以理解被调用函数是一个对象的属性还是它自己。如果它被作为属性调用,那么this的值将变成该属性的对象,否则this的值将被指派为全局对象或window。如果在严格模式下,this的值将是undefined。
在被当作构造函数的情况下,当使用new关键字时,this将被指派为被创建的实例对象。
注意,在这种情况下没有办法识别出一个函数是否应该被用作构造函数,因此省略new关键字导致this的结果将是全局对象,就像我们上面看到的没有用parent调用的例子。
Function.prototype.call 可以有任意数量的参数,第一个参数被分配给this,剩下的被传递给调用函数。
Function.prototype.apply 的行为和.call类似,但它传递给函数的参数是一个数组,而不是任意参数。
Function.prototype.bind 创建一个特殊的函数,该函数将永远使用传递给.bind的参数作为this的值,以及能够分配部分参数,创建原函数的珂里化(curride)版本。
有一个常见的方法,创建一个局部变量保持对this的引用,并且在子作用域中不能有同命变量。子作用域中的同名变量将覆盖父作用域中对this的引用。
除非你真的想同时使用父作用域的this,以及当前this值,由于某些莫名其妙的原因,我更喜欢是使用的方法.bind函数。这可以用来将父作用域的this指定给子作用域。
原文链接: Nicolas Bevacqua 翻译: 伯乐在线 -
我想在本文解释JavaScript中的this,希望有助你理解this的工作机制。作为JavaScript程序员,学习this对于你的发展有很大帮助,可以说利大于弊。这篇文章的灵感来自于我最近的工作——我即将完成的书的最后章节——《JavaScript 应用程序设计 | JavaScript Application Design》(注意:现在你可以购买早期版本),我写的是关于scope工作原理的方面。
很疯狂,不是吗?在这篇短文,我想揭开它的神秘面纱。
this的工作原理
如果一个函数被作为一个对象的方法调用,那么this将被指派为这个对象。在被当作构造函数的情况下,当使用new关键字时,this将被指派为被创建的实例对象。
改动this
.call、 .apply 和.bind 方法用来操作调用函数的方式,帮我们定义this的值和传递给函数的参数值。Function.prototype.call 可以有任意数量的参数,第一个参数被分配给this,剩下的被传递给调用函数。
作用域链中的this
在下面的例子,this将无法在作用域链中保持不变。这是规则的缺陷,并且常常会给业余开发者带来困惑。其他问题?
你是否有任何关于this的问题?关于this怎样?如果你认为我错过了任何其他边界情况,或优雅的解决方案,请让我知道原文链接: Nicolas Bevacqua 翻译: 伯乐在线 -
相关文章推荐
- 解密 JavaScript 中的 this
- 解密 JavaScript 中的 this
- 解密 JavaScript 中的 this
- JavaScript中this指针指向的彻底理解
- javascript与php使用aes进行加密/解密
- 用javascript与java进行RSA加密与解密
- 图说js中的this——深入理解javascript中this指针
- JavaScript利用密钥加密与解密
- JavaScript 学习笔记十四 this特性,静态方法 和实例方法,prototype
- 简单谈谈javascript中this的隐式绑定
- javascript 的this指针
- 理解javascript this 的绑定过程
- (Danis记)javascript中setTimeout和clearTimeout和this
- JavaScript之二:this
- javascript有关this的那些事(某渣提出的问题)
- 详解Javascript 中的this指针
- 你不知道的JavaScript--Item21 漂移的this
- JavaScript: 再论setTimeout、setInterval。其第三个参数和this的讨论,超时嵌套和内存泄漏
- 详解Javascript 中的this指针
- JavaScript之this学习心得