首页 / JAVASCRIPT / javascript – 当方法传递给另一个函数时,如何在实例方法中访问实例属性？

javascript – 当方法传递给另一个函数时,如何在实例方法中访问实例属性？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 当方法传递给另一个函数时,如何在实例方法中访问实例属性？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含781字，纯文字阅读大概需要2分钟。

内容图文

我知道在下面的代码中,如果单击按钮,它将打印出undefined,因为this.field变为按钮的上下文而不是Container.我的问题是当this.func被传递到另一个函数时,我如何访问Container的this.field,这是一个与Container不同的上下文范围.

function Container(){
    this.field = 'field';

    $('button').click(this.func);
}

Container.prototype.func = function(){
   console.log(this.field);
}

我知道我可以做到这一点,但有更好的方法吗？因为我宁愿在构造函数之外定义方法,所以我不会混淆它.

function Container(){
    var thisObj = this;
    this.field = 'field';

    $('button').click(function(){ console.log(thisObj.field) });
}

解决方法:

将对象引用作为事件数据传递：

function Container(){
    this.field = 'field';

    $('button').click(this, this.func);
}

Container.prototype.func = function(e){
   console.log(e.data.field);
}

见：http://jsfiddle.net/gilly3/nwtqJ/

内容总结

以上是互联网集市为您收集整理的javascript – 当方法传递给另一个函数时,如何在实例方法中访问实例属性？全部内容，希望文章能够帮你解决javascript – 当方法传递给另一个函数时,如何在实例方法中访问实例属性？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/782815.html

来源：【匿名】