1

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] 」の値を確認すると、配列の最後に新しいオブジェクトが追加されています。私には、この 2 つは本質的にリンクしているように見えます。一方を更新すると、もう一方も更新されます。

私は以前にこのようなものに出くわしたことがなく、簡単なブラウザ コンソール テストを実行すると、この動作が確認されました。一方を更新すると、もう一方も更新されます。ただし、配列であるオブジェクト値でのみ機能するようです。ここで何が起こっているのか誰でも説明できますか? 少し混乱していますか？

4

3 に答える 3

3

そのvar events = this._events[name] || (this._events[name] = []);行の後、events変数とthis._events[name]ポイントの両方が同じ配列を指します。どちらも同じ配列を指しているので、あなたがそうするかどうかは関係ありませんevents.push(...)。this._events[name].push(...)両方が指している1つの配列に要素をプッシュします。

これはこれとまったく同じです:

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
于 2013-03-29T17:22:14.213 に答える
1

一方を更新すると、もう一方も更新されます。

アレイは 1 つしかなく、更新されています。

変数が値としてオブジェクトを持っている場合、変数を「ポインター」と考えてください (はい、配列はオブジェクトとしてカウントされます)。変数はオブジェクトではなく、単にそのオブジェクトへの参照を保持します。

これは、次のスニペットでより簡単に実証できます。

var a = [];
var b = a;
a.push('Hello!');
alert(b[0]); // Hello!

ここには配列が 1 つしかなく、 変数aとb変数の両方が同じ配列を指しています。その配列を変更すると、それらの変更は、その配列を指す任意の変数から取得できます。

于 2013-03-29T17:24:33.310 に答える
0

実際に起こっていることは、配列がまだ存在しない場合に、イベントを配列に初期化する簡単な方法です。イベントは、this._events[name]それ自体が配列を指すポインターであるポインターです。配列が存在しない場合は、新しい配列に初期化されます。

これを試して： 

var x = false || 2;
console.log(x);
x = 1 || 2;
console.log(x);
于 2013-03-29T17:23:22.040 に答える