ES6 export classe étendue et puis l'importer

Question

J'ai une classe de base (mobile.js)

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

Puis-je importer à (mobileextended.js);

import Mobile from './mobile'; 

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

Et à la fin, je veux importer à mobilephone.js:

import MobilePhone from './mobileextended.js'; 

    MobilePhone.method(); 

Comment puis-je faire ce travail dans le style ES6? Parce que maintenant je ne peux pas lire la propriété 'ouverte' de l'erreur indéfinie.

Answer 1

Si vous voulez nommer les choses dans le bon endroit où vous les importez, comme

import Mobile from './Mobile' 

vous devez utiliser une exportation par défaut, comme

export default Mobile 

de l'endroit où Mobile est défini.

---

Comparez cela avec une exportation ayant nommé

export class Mobile { ... } 

et importer ce nom spécifique dans un module distinct.

import {Mobile} from Mobile 

---

Cependant, comme l'a souligné loganfsmyth dans les commentaires, ce n'est pas la source de votre erreur. Pour utiliser une méthode non statique, vous devez créer une instance de cette classe.

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