javascript – 如何在类范围内使用“this”进行回调[复制]

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在类范围内使用“this”进行回调[复制]，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1209字，纯文字阅读大概需要2分钟。

内容图文

参见英文答案 > Callback this context                                     2个
我有一个关于以下代码打印出“this.text”的问题.

我需要一个包装函数来使它工作.这太麻烦了.

有没有更简单的方法(没有额外的包装)才能使它工作？

  function Class1() {
    this.text = "test";
  }

  Class1.prototype.show = function() {
    console.log(this);
    console.log(this.text);
  }

  var testClass = new Class1();

  function funWithCallBack(cb) {
    cb();
  }

  // it will show "undefined" because "this" scope changes to window
  funWithCallBack(testClass.show); 

  function wrapper() {
    testClass.show();
  }

  // this one will work but troublesome
  funWithCallBack(wrapper)

解决方法:

你可以使用这样的匿名函数：

// it will show "undefined" because "this" scope changes to window
funWithCallBack(testClass.show); 

对此：

// anonymous function to use the right object for the method
funWithCallBack(function() {
    testClass.show()
}); 

出现问题的原因是当您将testClass.show作为回调传递时,它只是获取函数引用,并且不再与testClass关联.但是,您可以创建一个使用.bind()将它们绑定在一起的临时函数,但在某些旧版浏览器中不支持它,这就是我通常只使用匿名函数的原因.

.bind()实现看起来像这样：

// use .bind() to make sure the method is called in the right object context
funWithCallBack(testClass.show.bind(testClass)); 

内容总结

以上是互联网集市为您收集整理的javascript – 如何在类范围内使用“this”进行回调[复制]全部内容，希望文章能够帮你解决javascript – 如何在类范围内使用“this”进行回调[复制]所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端