Ecmascript 6クラスでオブジェクトリテラルクラスを拡張する方法

Question

classはobject literalと定義され、コンストラクタのスコープ内にメソッドが定義されています。このように：私はES6 class構文でNodeMappingAbstractを拡張するにはどうすればよい

var NodeMappingAbstract = function NodeMappingAbstract() { 

    this.mapToContent = function (obj) { 
     throw new Error('Not implemented'); 
    }; 

    this.getInfo = function (data) { 
     throw new Error('Not implemented'); 
    }; 

    this.normalizeUri = function normalizeUri(uri) { 
     return uriNormalizer.normalize(uri); 
    }; 
}; 

？

class SomeMapping extends NodeMappingAbstract{ 
    constructor(){ 
     super(); 
    } 

    mapToContent(rawElement) { 
     console.warn('mapContent called'); 
     return rawElement; 
    } 
} 

しかし、私はそれをインスタンス化し、このような mapToContent呼び出すとき：：私は extendsと super()を使用しようとし

let m = new SomeMapping(); 
m.mapToContent(); 

を私はError: Not implementedを取得し、NodeMappingAbstractの実装が使用されていることを意味します。

Answer 1

あなたのES5クラスのプロトタイプにメソッドを配置する必要があります（いつもそうです）。

あなたは、コンストラクタでそれらを定義し、（プロトタイプから継承されたものをシャドウ）インスタンスのプロパティとしてそれらを作成する場合は、あなたがそれらを上書きするときと同じ操作を行う必要があります：

class SomeMapping extends NodeMappingAbstract{ 
    constructor(){ 
     super(); 
     this.mapToContent = function(rawElement) { 
      console.warn('mapContent called'); 
      return rawElement; 
     }; 
    } 
} 

Answer 2

ここで問題がありますファンクションのprototypeではなく、NodeMappingAbstract（this）のインスタンスに直接メソッドをアタッチしていることを確認してください。

JavaScriptがオブジェクトプロパティのルックアップを実行するとき、JavaScriptはオブジェクトを直接検査します。つまり、何かをthisに割り当てると利用可能になります。この方法ですぐに利用できるプロパティが見つからない場合にのみ、prototypeになります。したがって、NodeMappingAbstractを拡張し、class砂糖を使用してprototypeでメソッドを定義しているにもかかわらず、実際にに割り当てられたプロパティは、NodeMappingAbstractのインスタンス内でオーバーライドされません。

ので、関数本体の外側であって、その上にprototypeメソッド宣言を移動：

var NodeMappingAbstract = function NodeMappingAbstract() {}; 

NodeMappingAbstract.prototype.mapToContent = function (obj) { 
    throw new Error('Not implemented'); 
}; 

NodeMappingAbstract.prototype.getInfo = function (data) { 
    throw new Error('Not implemented'); 
}; 

NodeMappingAbstract.prototype.normalizeUri = function normalizeUri (uri) { 
    return uriNormalizer.normalize(uri); 
};