我有一个构造函数,它注册一个事件处理程序:
function MyConstructor(data, transport) {
this.data = data;
transport.on('data', function () {
alert(this.data);
});
}
// Mock transport object
var transport = {
on: function(event, callback) {
setTimeout(callback, 1000);
}
};
// called as
var obj = new MyConstructor('foo', transport);但是,我无法data在回调中访问已创建对象的属性.它看起来this并不是指创建的对象,而是指另一个对象.
我还尝试使用对象方法而不是匿名函数:
function MyConstructor(data, transport) {
this.data = data;
transport.on('data', this.alert);
}
MyConstructor.prototype.alert = function() {
alert(this.name);
};
但它表现出同样的问题.
如何访问正确的对象？
情况有点像 -
var someVar = some_other_function();
someObj.addEventListener("click", function(){
some_function(someVar);
}, false);
问题是someVar在侦听器函数内部的值是不可见的addEventListener,它可能被视为一个新变量.
我在尝试这个:
//this represents all of the select tags on the page
var select = document.getElementsByTagName("select");
//Listener for when the option changes
select.addEventListener("change", hi(), false);
function hi() {
alert("hi");
}<select>
<option>one</option>
<option>two</option>
</select>但事件监听器似乎没有工作,在jsfiddle它可以在页面加载时工作,但不是在我更改选项时...