javascript - 将 javascript 变量链接到对象值。

Question

我在查看 Backbones v1.0.0 源代码时发现了一些有趣的东西。在 Backbone.Events 对象中，“on”方法似乎是链接一个变量到一个对象值:

 on: function(name, callback, context) {
     if (!eventsApi(this, 'on', name, [callback, context]) || !callback) return this;
     this._events || (this._events = {});
     var events = this._events[name] || (this._events[name] = []);
     events.push({callback: callback, context: context, ctx: context || this});
     return this;
},

“events”变量设置为“this._events[name]”值，该值可以是现有数组或设置为空数组。奇怪的部分是下一行将一个对象压入这个数组。推送之后，如果您现在检查“this._events[name]”的值，它现在在其数组的末尾有这个新对象。在我看来，这两者本质上是相关的；当您更新一个时，另一个也会更新。

我以前从未遇到过这样的事情，做一个简单的浏览器控制台测试证实了这种行为。你更新一个，另一个也得到更新。它似乎只适用于作为数组的对象值。谁能解释这里发生了什么？我有点困惑？

Answer 1

在那之后 var events = this._events[name] || (this._events[name] = []); 行，events 变量和 this._events[name] 都指向相同的 数组。因为它们都指向同一个数组，所以无论您执行 events.push(...) 还是 this._events[name].push(...)< 都没有关系，它将把一个元素推送到两个东西都指向的一个数组上。

这与此完全相同:

var a = [];            // Create an empty array, reference it from `a`
var b = a;             // Now, `b` and `a` both point to the same array
a.push("foo");         // Put an entry in the array
console.log(a.length); // "1", unsurprisingly
console.log(b.length); // "1", because both `a` and `b` point to the same array