Как использовать модули ES6 вместо пространств имен в глобальном масштабе?

Question

Как использовать модули ES6 вместо пространств имен в глобальном масштабе?

При определении класса в ES6 он становится доступным в глобальной области видимости, которую вы можете предотвратить с помощью нового кронштейна 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;
}

У меня есть несколько js-файлов, каждый со своим определением класса, и я делаю классы доступными через MYNAMESPACE в глобальной области видимости. Итак, создание нового автомобиля из любой точки мира выглядит так:

var myCar = new MYNAMESPACE.Car();

Как я могу использовать модули ES6 для этого? Это вообще возможно или рекомендуется?

10

javascript oop ecmascript-6

Источник

user1083572 04 янв '16 в 14:43

1 ответ

Решение

Другие вопросы по тегам javascript oop ecmascript-6

user2138943 04 янв '16 в 14:55 2016-01-04 14:55 · Accepted Answer · 2016-01-04 14:55

Вы должны использовать экспорт и импорт ES6 вместо того, чтобы делать классы доступными в глобальной области видимости.

// 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();

Читайте о синтаксисе модуля es6 от