javascript scopeの研究

4638 ワード
JavaScript scope
まず原則があります.
Javascriptでは、scopeに対する処理は、オブジェクトによって呼び出される関数、例えばo.f()の形であれば、thisポインタは、ここのo.
普通の関数、つまり「点」がないなら、ブラウザにとってこのthisの針はwindowを指します.
テストソースコードを添付します.
  

  
  
  
  
    
   
   
   
   
  1. var theAccumulator={ 
    2. 
   
   
   
   
  2.                                  
    3. 
   
   
   
   
  3.          total:0, 
    4. 
   
   
   
   
  4.          clear:function(){ 
    5. 
   
   
   
   
  5.                  this.total=0 ; 
    6. 
   
   
   
   
  6.                }, 
    7. 
   
   
   
   
  7.          add:function(x){ 
    8. 
   
   
   
   
  8.                 this.total+=x; 
    9. 
   
   
   
   
  9.              }, 
    10. 
   
   
   
   
  10.          getResult:function(){ 
    11. 
   
   
   
   
  11.               return this.total; 
    12. 
   
   
   
   
  12.              } 
    13. 
   
   
   
   
  13. } 
    14. 
   
   
   
   
  14.                                  
    15. 
   
   
   
   
  15. function printResult(f){ 
    16. 
   
   
   
   
  16.      alert("result=" + f()); 
    17. 
   
   
   
   
  17. } 
    18. 
   
   
   
   
  18.                                  
    19. 
   
   
   
   
  19. theAccumulator.clear();  
    20. 
   
   
   
   
  20. theAccumulator.add(100); 
    21. 
   
   
   
   
  21. theAccumulator.add(200);           
    22. 
   
   
   
   
  22. printResult(theAccumulator.getResult);   
    23.
この場合、なぜundefinedですか?
print Result(theAccemulator.getsResult)はCの中の関数ポインタのような形で伝達されているので、この方式が望ましいです.
  

  
  
  
  
    
   
   
   
   
  1. theAccumulator.getResult  
    2.
は以下の関数です.

  
  
  
  
    
   
   
   
   
  1.   
    2. 
   
   
   
   
  2.  
    3. 
   
   
   
   
  3. function(){ 
    4. 
   
   
   
   
  4.  
    5. 
   
   
   
   
  5. return this.total; 
    6. 
   
   
   
   
  6.  
    7. 
   
   
   
   
  7.  } 
    8. 
   
   
   
   
  8.  
    9. 
   
   
   
   
  9.   
    10. 
   
   
   
   
  10.  
    11. 
   
   
   
   
  11.   
    12.
オリジナルの書き方はprint Resultと同じです.

  
  
  
  
    
   
   
   
   
  1. function(){ 
    2. 
   
   
   
   
  2.  
    3. 
   
   
   
   
  3. return this.total; 
    4. 
   
   
   
   
  4.  
    5. 
   
   
   
   
  5.   } 
    6. 
   
   
   
   
  6.  
    7. 
   
   
   
   
  7. );  
    8. 
   
   
   
   
  8.  
    9. 
   
   
   
   
  9.   
    10.
ここでは、括弧内部の匿名の方法(すなわちfunction(){}は、何の対象にも呼び出されていないことが分かります.だから、彼の関数体の中のthisはwindowを指しています.windowというscopeにはtotalというメンバーがいません.
この考えに基づいて、さらなるテストを行いました.そこで、JSONオブジェクトの不変性と大域関数の不変性を維持しながら、小さなテストを行いました.結果は検証が完全に正しいです.
 
私の変化は:

  
  
  
  
    
   
   
   
   
  1. printResult(function(){return theAccumulator.getResult();}); 
    2.
その他不変
 
私の考えは、今のこのgetResultは、「点」という形で呼び出されたので、thisポインタは前のscope、つまりtheAccuulatorのオブジェクトを指しているはずですが、theAcceumulatorオブジェクトは、getsResult()メソッドがありますので、彼は解析できます.
 
テストしたら、やっぱりOKです.
本文は「平行線の凝縮」のブログから来ました.転載は作者と連絡してください.
javascript関数内の再定義関数