大佬教程收集整理的这篇文章主要介绍了在传递成员时,在JavaScript中丢失“this”上下文,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个JavaScript代码:
var b = document.getElementById("b"); function A() { this.f = "1"; } A.prototype.t = function() { b.innerHTML = this.f; }; var a = new A(); var l = a.t; l();
当我尝试拨打a.t时,为什么这个未定义?如何在不过度冗长或存储太多的情况下恢复该上下文?
因为在JavaScript中,这主要是通过如何调用函数来设置的,而不是在它定义的位置. a.t()在调用中将其设置为a,但l()将此设置为undefined(在严格模式下)或全局对象(在松散模式下).
更多(在我的博客上):
> Mythical methods
> You must remember this
唯一的例外是“绑定”函数(与Function#bind一样)或ES6的“箭头”函数(从定义它们的上下文中获取它们).
Function#bind
通常是一个很好的答案:
var l = a.t.bind(a); l();
它返回一个新函数,在调用时,使用此set将原始函数调用到您给bind的第一个参数. (你也可以绑定其他参数.)这是一个ES5函数,但如果你需要支持真正的旧浏览器,你可以轻松地填充它.
如果您只需要使用特定的值调用l,并且不总是使用该值,则可以使用函数#call或函数#apping来使用该值:Robert Rossmann points out
l.call(this,'a','b','c'); // Calls `l` with `this` set to `a` and args 'a',and 'c' l.apply(this,['a','c']); // Calls `l` with `this` set to `a` and args 'a',and 'c' -- note they're specified in an array
以上是大佬教程为你收集整理的在传递成员时,在JavaScript中丢失“this”上下文全部内容,希望文章能够帮你解决在传递成员时,在JavaScript中丢失“this”上下文所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。