ES6エクスポート拡張クラス、その後

Question

それをインポートし、私は基本クラス（mobile.js）を持っている

class Mobile { 
    constructor() { 
     ... 
    } 
    method(msg){ 
     ... 
    } 
} 
module.exports = Mobile; 

それから私は（mobileextended.js）にインポートします。

import Mobile from './mobile'; 

class MobilePhone extends Mobile { 
    method(){ 
     super.method('hello world!'); 
    } 
} 
module.exports = MobilePhone; 

そして、最後に、私はmobilephone.jsし、それをインポートする：

import MobilePhone from './mobileextended.js'; 

    MobilePhone.method(); 

にはどうすれES6スタイルでその作業を行うことができますか？なぜなら、未定義のエラーの 'open'プロパティを読み取ることができないからです。

Answer 1

あなたはMobileが定義されているところから、このような

export default Mobile 

として、デフォルトのエクスポートを使用する必要があり、そのような

import Mobile from './Mobile' 

として、あなたがそれらをインポートpalceで物事を、名前を付けたい場合。

---

という名前の輸出

export class Mobile { ... } 

を持つ、別のモジュールにその特定の名前をインポートするとこれを比較してください。

import {Mobile} from Mobile 

---

コメントでloganfsmythで指摘したようにしかし、これはあなたのエラーの原因ではありません。非静的メソッドを使用するには、そのクラスのインスタンスを作成する必要があります。

const mobilePhone = new MobilePhone() 
mobilePhone.method()