ES6の語彙スコープの問題

Question

以下の例はうまく機能し、内部スコープでレキシカルスコープが使用できます。

var fn =function(){ 

    this.no = 0; 

    this.addNo =() => { 

     setTimeout(()=> { 
     // ES6 lexical scope is available 
     this.no =++this.no; 
     console.log(this.no); 
     }, 2000); 

    } 

} 

var f1 = new fn(); 
f1.addNo(); 
f1.addNo(); 

ここでの例は機能しません。

var fn =() =>{ 

    this.no = 0; 

    this.addNo =() => { 

     setTimeout(()=> { 
     // ES6 lexical scope is not available 
     this.no =++this.no; 
     console.log(this.no); 
     }, 2000); 

    } 

} 

var f1 = new fn(); 
f1.addNo(); 
f1.addNo(); 

エラー

「はTypeError：）（

"use strict"; 

VARは、fn =関数fn：プロパティを設定することはできません 'NO' 未定義

Answer 1

ES5のをこのように機能を追加翻訳{

undefined.no = 0; 

undefined.addNo = function() { 

    setTimeout(function() { 
     // ES6 lexical scope is not available 
     undefined.no = ++undefined.no; 
     console.log(undefined.no); 
    }, 2000); 
}; 

}; とes6はそのようなコードを翻訳するので、異なるコードを見ることができます。

var _this = this; 

VARは、fn =（）=> {

_this.no = 0; 

_this.addNo =() => { 

    setTimeout(() => { 
     // ES6 lexical scope is not available 
     _this.no = ++_this.no; 
     console.log(_this.no); 
    }, 2000); 
}; 

}。

デフォルトスコープがないため、これは未定義です。es6コンパイラは、これをトップスコープにバインドする関数で使用します。