在javascript方法调用中更改“this”?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了在javascript方法调用中更改“this”?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1230字,纯文字阅读大概需要2分钟。
内容图文
![在javascript方法调用中更改“this”?](/upload/InfoBanner/zyjiaocheng/732/30ae2a446d11498da5db3bf941ca8210.jpg)
跟进这个问题,call javascript object method from html.我在Firebug中调试这个.
function Fred() {
this.a = 1;
function foo() {
if (a == 1) {
a++;
}
var e = 0;
}
this.bar = function () {
var a = 3;
foo();
};
}
从HTML文件中,我创建了一个Fred的新实例并调用bar().在Firebug中,在调用bar()时,我可以在Watch视图中看到这是我的Fred实例.当bar()调用foo()时,它会更改为Window的实例.我原以为这会保持不变.
也许更多关于闭合的补救培训.
解决方法:
在JavaScript中,如果调用函数,则指向的事实取决于调用的上下文.
函数调用模式
如果将函数称为函数,即:
foo();
那么这将引用全局上下文,它在浏览器中表示窗口对象.
方法调用模式
相反,如果你调用函数就像一个方法,即:
x.foo();
那么这将引用你调用函数的对象,即x.
调用/应用调用模式
如果要将函数作为函数调用,并更改其引用的内容,则可以使用调用或apply函数,例如
foo.call(x);
foo.apply(x);
两者都做同样的事情:调用foo就好像它被调用为x上的方法一样.它们之间的区别在于您想要移交参数:call要求您将它们指定为以逗号分隔的列表,而apply允许您移交数组:
foo.call(x, p1, p2, p3, ...);
foo.apply(x, [ p1, p2, p3, ... ]);
构造函数调用模式
只是为了完整性,甚至还有第四种选择:如果将函数作为构造函数调用,则指向新创建的对象:
new foo();
为了让每个人都明白这一点,在JavaScript中你有最佳实践来启动一个函数的名称,该函数充当带有大写字母的构造函数,即:
new Foo();
然而,效果保持不变.
内容总结
以上是互联网集市为您收集整理的在javascript方法调用中更改“this”?全部内容,希望文章能够帮你解决在javascript方法调用中更改“this”?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。