我正在构建一个通用的Backbone视图来管理多个子视图。我有时需要执行逻辑来在渲染之前准备这些视图。我正在考虑使用Backbone事件启用pre_render挂钩,如下所示:
view = new (this.child_view);
this.trigger('pre_render', view);
view.render();
trigger()
调用的事件是否会同步执行,从而保证在调用render()
行之前它们都会完成?
答案 0 :(得分:12)
基本上,是的,它是同步的。
以下是来源的相关部分:
trigger: function(name) {
if (!this._events) return this;
var args = slice.call(arguments, 1);
if (!eventsApi(this, 'trigger', name, args)) return this;
var events = this._events[name];
var allEvents = this._events.all;
if (events) triggerEvents(this, events, args);
if (allEvents) triggerEvents(this, allEvents, arguments);
return this;
},
导入函数是triggerEvents
,它实际上调用了处理程序。根据{{3}},它只是一个优化的调度程序。请注意,他们都在调用.call()
和.apply()
,因此回调将在控制权交还给调用者之前完成。
var triggerEvents = function(obj, events, args) {
var ev, i = -1, l = events.length;
switch (args.length) {
case 0: while (++i < l) (ev = events[i]).callback.call(ev.ctx);
return;
case 1: while (++i < l) (ev = events[i]).callback.call(ev.ctx, args[0]);
return;
case 2: while (++i < l) (ev = events[i]).callback.call(ev.ctx, args[0], args[1]);
return;
case 3: while (++i < l) (ev = events[i]).callback.call(ev.ctx, args[0], args[1], args[2]);
return;
default: while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args);
}
};
正如其他人所提到的,触发处理程序可以自由安排自己的回调,如果他们如此倾向。因此,处理程序在返回之前是否已完成其工作取决于处理程序代码本身。
答案 1 :(得分:2)
是的,它们是同步的。但是,由此事件触发的函数可以自由使用setTimeout
或发出ajax请求,如果是这样,那么在trigger
调用返回并且代码继续调用{{1}时将不会完成这些请求}。所以是的,每个绑定的事件处理程序都将被调用,但不一定完成整个处理集。因为触发器API本身不使用回调或承诺,所以没有直接的方法来知道所有事件处理程序何时完成。如果有必要,您必须自己实现这样的API,并在完成所有操作(包括任何异步处理)时触发一个独特的事件。但是,在日常编程中,大多数事件处理程序是同步的,如果不是,代码通常是这样的,即进行操作不会导致应用程序行为不当。如果您需要更改此合同,那么您的应用程序设计与代理系统不一致并且您可能想要考虑不同的方法来解决您的问题。
答案 2 :(得分:1)
触发器是同步的,并不意味着所有侦听“pre_render”事件的函数都会执行同步操作 。 PS:源代码非常容易阅读,你应该看看它: