宣言ES6クラスのプロパティ外の機能

Question

は、xとyはコンストラクタで宣言されている方法を参照してください：

class Point { 
    constructor(x, y) { 
    this.x = x; 
    this.y = y; 
    } 
    toString() { 
    return '(' + this.x + ', ' + this.y + ')'; 
    } 
} 

例えば関数の外でプロパティを宣言するための方法がある：

class Point { 
    // Declare static class property here 
    // a: 22 
    constructor(x, y) { 
    this.x = x; 
    this.y = y; 
    } 
    toString() { 
    return '(' + this.x + ', ' + this.y + ')'; 
    } 
} 

は、だから私はしたいですaを22に代入しますが、コンストラクタの外でもクラス内で実行できるかどうかは不明です。

Answer 1

ES6のクラスでプロパティを直接初期化するのはm現在、このような方法で宣言することができます。同じルールもES7にあります。

しかし、それはES7の後に来る可能性のある機能です（現在ステージ3にあります）。ここにはofficial proposalがあります。

はさらに、提案が示唆された構文はslightly different（=代わりの:）です：

class Point { 
    // Declare class property 
    a = 22 
    // Declare class static property 
    static b = 33 
} 

あなたはバベルを使用している場合は、この機能を有効にするために、ステージ3つの設定を使用することができます。コンストラクタ以外

Here's a Babel REPL example

---

ES6でこれを行うために他の方法で、クラス定義の後にそれを行うことです。

class Point { 
    // ... 
} 

// Declare class property 
Point.prototype.a = 22; 

// Declare class static property 
Point.b = 33; 

ここでは、このトピックにgood SO Threadダイビングです一部

---

いいえTE：

class Point { 
    // Declare class property 
    a = 22 
} 

だけで糖衣構文は、このコードのショートカットを提供することです：

コメントで述べたBergi、提案構文として

class Point { 
    constructor() { 
    this.a = 22; 
    } 
} 

それらの両方文はインスタンスにプロパティを割り当てます。

しかし、これはプロトタイプに割り当てるとまったく同じではありません。

class Point { 
    constructor() { 
    this.a = 22; // this becomes a property directly on the instance 
    } 
} 

Point.prototype.b = 33; // this becomes a property on the prototype 

の両方がまだインスタンスを経由して利用できるようになります：

var point = new Point(); 
p.a // 22 
p.b // 33 

しかしbが上がっていく必要になります取得プロトタイプチェーンであり、aはオブジェクト上で直接利用可能です。 nem035 @

Answer 2

それは提案段階にあることを右です。

しかし、@ nem035のsugggetionは、クラスインスタンスメンバーとしてそれを実現する方法の1つです。

//ここでは、静的クラスプロパティを宣言

あなたは静的メンバを宣言するために探しているようです。はい、 JavaScriptの方法は、あなたが実際に期待している方法は、活字体

class Point { 
    static a = 22; 
} 

で行うことができます

class Point { 
    // ... 
} 
Point.a = '22'; 

であればコンパイル出力は

Point.a = '22';