javascript - Backbone.js 源代码 - eventsApi

Question

以下是 Backbone.js 的摘录带注释的源代码:

var eventsApi = function(iteratee, events, name, callback, opts) {
  var i = 0, names;
  if (name && typeof name === 'object') {

    if (callback !== void 0 && 'context' in opts && opts.context === void 0) opts.context = callback;
    for (names = _.key(names); i < names.length; i++) {
      events = eventsApi(iteratee, events, names[i], name[names[i]], opts);
    }
  } else if (name && eventSplitter.test(name)) {
    for (names = name.split(eventSplitter); i < names.length; i++) {
      events = iteratee(events, names[i], callback, opts);
    }
  } else {
    events = iteratee(events, name, callback, opts);
  }
  return events;
};

eventsApi 函数将事件作为对象进行检查，以便处理 jQuery 样式的事件映射。

但为什么它在遍历所有事件时递归调用 eventsApi？

Answer 1

上面的iteratee是这样的:

var onApi = function(events, name, callback, options) {
  if (callback) {
    var handlers = events[name] || (events[name] = []);
    var context = options.context, ctx = options.ctx, listening = options.listening;
     if (listening) listening.count++;
    handlers.push({callback: callback, context: context, ctx: context || ctx, listening: listening});
  }
    return events;
};

它为单个属性(name)注册一个事件。

eventsApi 检查第二个参数是否为对象，如果是对象，它会调用自身为对象的所有属性注册事件，例如 attributes 对象一个模型。这是递归的常见用法。