これは！=これはJavaScriptで（まあ、時には....）

Question

例1

var Reptile = function() { 
    var reptile = this; 
    this.showBla = function() { 
     alert(reptile.bla); 
    } 
} 

var turtle = new Reptile(); 
turtle.bla = 'whatever'; 
turtle.showBla(); 

例2

var Reptile = function() { 
    this.showBla = function() { 
     alert(this.bla); 
    } 
} 

var turtle = new Reptile(); 
turtle.bla = 'whatever'; 
turtle.showBla(); 

は、例1合法ですか？時には "this"をコンストラクタで直接定義するために物事をねじ切っているようです...？！？

Answer 1

はい、それは正当であり、そこに呼び出される関数の中で関数を定義する必要がある場合に便利です。書籍にはこの変数の名前を付けることをお勧めします。var = this;

Answer 2

例1は、現在のインスタンスへの参照を維持するための一般的なパターンです。コールバックの状況では、のように：

setTimeout(turtle.showBla, 0); 

例1のvar reptile...はthisの参照を保存し、'whatever'が表示されます。手動で（例えば、jQueryの中で）、呼び出し側のスコープを割り当てない限り、実施例2は、undefinedが表示されます：

setTimeout($.proxy(turtle.showBla, turtle), 0);