なぜES6クラスは持ち上げられないのですか？

Question

ES6クラスではJavaScriptの既存のプロトタイプベースの継承[1]上だけ構文砂糖ですので、それは（IMO）それが定義だホイストするために理にかなって：

var foo = new Foo(1, 2); //this works 

function Foo(x, y) { 
    this.x = x; 
    this.y = y; 
} 

が、以下では動作しません。

を

var foo = new Foo(1, 2); //ReferenceError 

class Foo { 
    constructor(x, y) { 
     this.x = x; 
     this.y = y; 
    } 
} 

なぜES6クラスが吊り上げられないのですか？

Answer 1

なぜES6クラスが吊り上げられないのですか？

は、実際に彼らは掲揚を（結合変数が全体のスコープで利用可能である）だけlet and const are等である - 彼らは唯一の初期化されていません。

それは、その定義の前にクラスを使用することをお勧めことはない第

その定義をホイストするために理にかなって。例に

var foo = new Bar(); // this appears to work 
console.log(foo.x) // but doesn't 

function Bar(x) { 
    this.x = x || Bar.defaultX; 
} 
Bar.defaultX = 0; 

を考えてみましょう、あなたが期待するようなエラーがスローされます

var foo = new Bar(); // ReferenceError 
console.log(foo.x); 

class Bar { 
    constructor (x = Bar.defaultX) { 
     this.x = x; 
    } 
} 
Bar.defaultX = 0; 

と比較します。これは、静的なプロパティ、プロトタイプのミックスイン、デコレータ、およびすべての問題です。また、調整されていないプロトタイプでクラスを使用したときにES5で完全に破られたサブクラス化では非常に重要ですが、extend edクラスがまだ初期化されていない場合はエラーをスローします。 JavaScriptで

Answer 2

すべての宣言（VAR、聞かせて、constの、機能、機能*、クラス）が掲揚されているが、それは同じスコープに宣言する必要があります。あなたは

は、それでは、それが何であるかを理解しましょう「ES6クラスではJavaScriptの既存のプロトタイプベースの継承の上にちょうど構文砂糖です」言われたよう

？

ここでは、実際には「特殊関数」であるクラスを宣言しました。関数Foo（）とクラスFooの両方がグローバルスコープにあるとしましょう。

class Foo { 
    constructor(x, y) { 
     this.x = x; 
     this.y = y; 
    } 
} 

以下は、Fooクラスのコンパイル済みコードです。

内部的に、クラスはラッパー関数（iife）内で同じ名前の関数に変換され、そのラッパー関数は関数を返します。

関数の（クラス）スコープが変更されているためです。現実には存在しないグローバルスコープで機能のオブジェクトを作成しようとしています。

コンパイルが完了すると、変数Fooで関数を取得します。後であなたはvarの関数を持っていますので、そのオブジェクトを作成することができます。