prototype.objectで 'this'コンテキストを正しくバインドする方法はありますか？

Question

コード例：

function Test() { 
    this.name = 'test' 
} 

Test.prototype.normal = function() { 
    console.log('normal', this.name); 
}; 

Test.prototype.special = { 
    name: 'special', 
    start: function() { 
     console.log("special", this.name); 
    } 
} 

test = new Test; 

test.normal(); // Response 'normal, test' 

test.special.start(); // Response 'special, special' 

に私はどのように私はこれを達成することができます「特別な、テスト」

をログに記録するspecial.start機能が欲しいですか？私はcoffeescriptを使用しているので、コーヒーの例が分かりますが、javascriptの例も同様に動作します！前もって感謝します！

Answer 1

1. の値を持つ新しい関数を作成することができますは、の呼び出し時間に、関数の呼び出し方法によって決定されます。
2. （インスタンス）にバインドする場合は、Test（コンストラクタ関数）ではなくバインドします。

あなたは、特定のコール時の調整を行う代わりに、インスタンスを持って前に明らかに起こることができないtestインスタンスに機能を、事前に結合し、そしてそれが個別に各インスタンスのために行われる必要がありますしたくない場合。したがって、これに対する唯一の解決策は次のとおりです。

function Test() { 
    this.special = { 
     start: (function() { ... }).bind(this) 
    }; 
} 

おそらく、あなたの代わりに、インラインのプロトタイプに関数を定義することをお勧めします。しかし、あなたはまだ、コンストラクタでそれをバインドする必要があります：

function Test() { 
    this.special = { 
     start: this._start.bind(this) 
    }; 
} 

Test.prototype._start = function() { ... }; 

Answer 2

あなたの質問は、この引数についての関数であると思います。私はその後、myMethod内部このキーワードは、変数objを参照するobj.myMethodのようなメソッドを呼び出した場合、適用するか、呼び出し方法

test = function(){ this.name = 'test'; } 
 

 
test.prototype.special = { name:'special', start : function(){alert(this.name)} } 
 

 
var t = new test(); 
 

 
t.special.start.call(t); 
 

 
t.special.start();

JavaScriptで

を使用してみてください。 apply, call、 bindを使用して、 thisキーワードの値を myMethodに変更することができます。代わりに、どこでもコールを使用しての

、我々はbind

test = function(){ this.name = 'test'; } 
 

 
test.prototype.special = { name:'special', start : function(){alert(this.name)} } 
 

 
var t = new test(); 
 

 
//t.start and t.special.start are now different functions as per MDN 
 
t.start = t.special.start.bind(t); 
 

 
t.start(); 
 

 
t.special.start();

Call

Apply

Answer 3

はすでにキラの答えのコメントに基づいて現在の回答に追加するには、スコープがどのように動作するかの基本的な誤解があるようです。 Javascriptはレキシカルスコープを持っています。スコープはソースコードの構造によって定義されますが、1つの例外はthisです。 thisは動的スコープであり、スコープは呼び出し元によって定義されます。コード内：

bar = 3 
test = (foo) -> 
    foo + bar # bar can be seen, because its in an outer scope test can see 

これまでのところとても良い。

class Test 
    constructor: (@foo) -> 
    getFoo: -> @foo 

getFoo部分がTest.prototype.getFoo = function...と同等です：今、クラスを定義することができます。 this（@）のスコープはgetFooです。 getFooの呼び出しはthisを決定します。

obj1 = new Test 2 
obj1.getFoo() # 2 

fn = Test.prototype.getFoo; 
fn() 

fn今の代わりobj1の方法のスタンドアローン機能です。 fnと呼ぶと、2つのうちの1つが起こります。厳密なモードでは、エラーが発生します。グローバルコンテキストで呼び出すので、thisのgetFooは定義されていません。非厳密では、それはグローバルwindowになり、おそらくそこにないfooプロパティを探します。

私たちすることができます力bind、call、またはapply経由this値。

obj2 = 
    foo: 3 

Test.prototype.getFoo.call(obj) # 3 

ここでは、これを使ってTestクラスのメソッドを借用しています。だからバインドはどこに来ますか？

class Test 
    constructor: (@foo) -> 
    @clickHandler = Test.prototype.clickHandler.bind this 

    clickHandler: (e) -> 
    console.log @foo 

我々はthisコンテキストが蒸発する.addEventListenerにメソッドを渡すことになりますので、意味我々：私たちのクラスは、イベントハンドラのように、我々はが異なるコンテキストで使用されます知っている方法を持っていることを言うことができますそれをコンストラクタで行う各インスタンスにバインドする必要があります。