Jak używać modułów ES6 zamiast przestrzeni nazw w zasięgu globalnym?

Question

Przy określaniu klasy w ES6, staje się dostępne w zasięgu globalnym, której można zapobiec z nową obudową zamka ES6:

{ 
    class Car { 
    constructor(make) { 
     this.make = make; 
     this.currentSpeed = 25; 
    } 

    getSpeed(){ 
      console.log(this.make + ' is going ' + this.currentSpeed + ' mph.'); 
    } 
    } 
    window.MYNAMESPACE.Car = Car; 
} 

mam wiele plików js, każdy z własną definicję klasy, a ja udostępnia klasy za pośrednictwem MYNAMESPACE w zasięgu globalnym. Więc tworząc nowy samochód z dowolnego wygląda następująco:

var myCar = new MYNAMESPACE.Car(); 

Jak mogę korzystać z modułów ES6 do tego? Czy to jest nawet możliwe, czy godne polecenia?

Answer 1

Powinieneś używać eksportu i importu ES6, zamiast udostępniać klasy w zakresie globalnym.

// car.js 
class Car { 
    constructor(make) { 
     this.make = make; 
     this.currentSpeed = 25; 
    } 

    getSpeed(){ 
    console.log(this.make + ' is going ' + this.currentSpeed + ' mph.'); 
    } 
} 

export default Car; 

// foo.js  
import Car from "./car" 

var car = new Car("ford"); 
car.getSpeed(); 

Poczytaj o składni modułu ES6 z

1. http://www.2ality.com/2014/09/es6-modules-final.html
2. MDN:
   • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/class
   • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
   • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

Ostatnie pytanie

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Powiązane problemy

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.