ES6 Импорт Сценарий

Question

Существует несколько способов импорта модулей. В чем разница между import {House} и import House?

Answer 1

Существует два способа импорта в модуль ES6 в зависимости от варианта экспорта.

1. Именованный импорт

//filename - simple.js

export function Simple() {}

import {Simple} from "./simple.js"

Импорт по умолчанию

//filename - simple.js
export default Class Simple {}


import Simple from "./simple.js"

Подробнее см. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

ОБНОВЛЕНИЕ Вы также можно экспортировать как из одного файла, так и импортировать их. Важное предостережение: в модуле может быть только один экспорт по умолчанию.

//filename - simple.js

export function Simple1() {}
export default function Simple2() { }

import Simple2, { Simple1 } from "./simple.js"

Answer 2

Синтаксис import {House} используется для импорта спецификаций c, именованный импорт - import {foo, bar} from '/modules/my-module.js';

, а синтаксис import House - для импорта экспорта по умолчанию, например import myDefault from '/modules/my-module.js';

* 1008. *

Как видно, мы можем смешать эти два. Например, это также допустимый импорт import myDefault, {foo, bar} from '/modules/my-module.js';

, чтобы узнать больше оформить заказ Руководство разработчика Mozilla .