javascriptコールバック内から「this」を参照する

Question

Javascriptでオブジェクト指向のコーディングを行う方法について何かが私を悩ませています。追加の変数なかれ...私には過度に思えたの作成

MyClass.prototype.doSomething = function(obj, callback) { 
    var me = this; // ugh 
    obj.loadSomething(function(err, result) { 
     me.data = result; // ugh 
     callback(null, me); 
    }); 
} 

まず第一に、：コールバックがあるとき、私は頻繁に、もともとこのような何かをするために私をリードされ、関数を呼び出したオブジェクトを参照します。さらに、 "me"変数をコールバックに戻すことで問題（循環参照？GCdオブジェクトではない？）を引き起こす可能性があるのだろうかと思う。

これについてもっと良い方法がありますか？このアプローチは悪いですか？

Answer 1

これがためFunction.bind()が何であるかです：あなたは、私は、これは私がそれを処理するために見た中で最も一般的な方法である内部関数のスコープ

MyClass.prototype.doSomething = function(obj, callback) { 
    obj.loadSomething(function(err, result) { 
     this.data = result; 
     callback(null, this); 
    }.bind(this)); 
} 

Answer 2

AFAIK、あなたがやっていることは、この種のものに受け入れられたパターンであり、何ら問題は生じません。多くの人が、 "self"か "that"のいずれかを保存された参照として使用します - あなたがPythonの背景から来た場合、 "self"はより直感的になります。

Answer 3

これはJavaScriptの通常の動作です。 loadSomethingオブジェクトのコンテキストがthisに変更されました。コールバックを行う理由は、me変数のようなクロージャー参照を取得するためです。

Answer 4

通常はvar self = this;を使用しますが、名前はちょうどその名前です。それは余分な変数ですが、JavaScriptのオーバーヘッドとオブジェクトを複製しないという事実を考慮すると、実際にはパフォーマンスに影響を与えません。

Answer 5

にこれをバインドでき

MyClass.prototype.doSomething = function(obj, callback) { 
    obj.loadSomething((function(err, result) { 
     this.data = result; 
     callback(null, this); 
    }).bind(this)); 
}