是否有任何方法调用函数但将上下文this
设置为我通过执行fn()
调用函数时的“默认”值?
此方法应该接受一个数组并将单个元素作为参数传递给函数,就像apply()一样:
emitter = new EventEmitter();
args = ['foo', 'bar'];
// This is the desired result:
emitter.emit('event', args[0], args[1], ...);
// I can do this using apply, but need to set the context right
emitter.emit.apply(emitter, 'event', args);
// How can I trim the context from this?
emitter.emit.???('event', args);
编辑:为了澄清这一点,我确实关心this
在被调用函数中将具有的值 - 它需要是它在执行时所具有的“正常”上下文{{ 1}},而不是全局对象或其他任何东西。否则,这有时会破坏事情。
答案 0 :(得分:5)
如果您不关心上下文,则可以传递null
或undefined
。在非严格模式will then refer to the global object中,函数内部this
and to null
respectively undefined
in strict-mode。
函数的“默认”上下文很难定义
function f() { return this };
a = { b: f }
c = a.b;
console.log(f()); # window
console.log(a.b()); # a
console.log(c()); # window
其中哪一个是“正确”的背景?
在您的情况下,您可以考虑实用功能
/* you might call it something else */
emitter.emit_all = function (event, args) {
return this.emit.apply(this, [event].concat(args));
}
答案 1 :(得分:4)
只需将第一个参数设置为全局对象(即浏览器中的window
)
在ES3浏览器中,您可以传递null
,它会自动更改为全局对象,但行为has been removed in the ES5 specifications。
编辑听起来你只需要一个新功能:
EventEmitter.prototype.emitArgs = function(event, args) {
this.emit.apply(this, [event].concat(args));
}
此时您可以致电:
emitter.emitArgs('event', args);
(编辑感谢@Esalija [].concat
)
答案 2 :(得分:0)
这是由本机Function“arguments”变量解决的。
var EventEmitter = window.EventEmitter = function(){
//this.emit = this.emit.bind(this);//bind emit to "this"
return this;
};
EventEmitter.prototype.isMe = function(obj){
return obj === this;
};
EventEmitter.prototype.emit = function(eventName){
var input = Array.prototype.slice.call(arguments, 1);
console.log("this:%O, Emitting event:%s, with arguments:%O", this, eventName,input);
};
emitter = new EventEmitter();
emitter.emit('magicEvent', 'Zelda Con', 'Zork Meetup', 'etc');
要维护“this”上下文,您可以在构造函数中绑定emit方法,但这会创建每个实例“自己的”对象属性,从而增加内存消耗,并实际上对对象创建执行所有原型链查找(对于绑定方法)如果你需要或不需要它们。