将方法作为回调传递的javascript问题
我试图从方法内部访问对象的成员变量，该方法作为回调传递，在filereader事件期间触发。
我把下面的代码拼凑在一起，试图传达我的观点。似乎'this‘成为文件读取器，而不是调用点的对象。有没有办法让finishLoading能够访问对象变量？
我希望确保回调是为对象量身定做的，否则我只会将它们定义为类外部的静态函数。
function myClass(newName)
{
this.name = newName;
this.m_fileReader = new FileReader();
this.finishedLoading =
function(param1)
{
alert(this.name);
};
this.m_fileReader.addEventListener('loadend',
this.callback_finishedLoading,
false);
}
var instance = new myClass('timmy');
var instance2 = new myClass('joe');回答 3
Stack Overflow用户
发布于 2013-07-11 20:05:13
您需要.bind函数：
this.m_fileReader.addEventListener('loadend',
this.callback_finishedLoading.bind(this),
false);.bind函数将接受传递的参数，并使用该参数作为其this来调用原始函数，而不是使用浏览器试图提供的任何值。
或者，只需为this创建自己的别名，并将调用封装在一个匿名函数中：
var self = this;
this.m_fileReader.addEventListener('loadend', function(ev) {
self.callback_finishedLoading(ev)
}, false);后者主要是.bind在幕后做的事情，但它的优点是它可以在ES5之前的浏览器上运行，而不需要填充程序。
Stack Overflow用户
发布于 2013-07-11 20:12:04
您可以让构造函数实现EventListener接口，如下所示：
function myClass(newName) {
this.name = newName;
this.m_fileReader = new FileReader();
this.m_fileReader.addEventListener('loadend', this, false);
}
myClass.prototype.handleEvent = function(event) {
return this[event.type] && this[event.type](event)
}
myClass.prototype.loadend = function(event) {
alert(this.name);
};
var instance = new myClass('timmy');
var instance2 = new myClass('joe');我将finishedLoading重命名为loadend，并将其放在构造函数的.prototype中。然后，我向.prototype添加了一个.handleEvent方法。
最后，在构造函数中，我们根本不传递函数。相反，只需传递myClass实例this即可。
我删除了你的param1，因为不清楚它是如何使用的。如果它需要从其他调用接收一些值，那么您可以在.prototype上创建一个单独的finishedLoading方法，并让.loadend()方法调用它。
Stack Overflow用户
发布于 2013-07-11 20:06:47
this是相对于上下文的。每次打开新块{}时，它都会更改为当前块上下文。在调用回调函数之前，将this保存到另一个变量。
https://stackoverflow.com/questions/17602419
复制
相似问题
将javascript回调作为java方法参数传递
将方法作为回调传递
JavaScript:将内置对象的方法作为回调函数传递
将嵌套回调作为参数javascript传递？
将typescript类方法作为回调传递
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
