ES6 экспорт и фигурные скобки

Я видел код, размещенный на канале чата. В самом конце его код

export {UserInformation};

Были группы, которые говорили, что синтаксис неправильный. Некоторые говорили, что это нормально, пока существует переменная.

Так какая группа права? Я впервые вижу такой синтаксис. Я никогда не видел фигурные скобки в экспорте. Я использовал их только в импорте. Как это

import {method} from 'someModule';

Если бы я писал это, я написал бы это как

export default UserInformation;

Я не хочу загрязнять свой мозг неверной информацией. Дайте мне знать, какой экспорт является правильным.

1 ответ

Решение

Синтаксис правильный. это

export {UserInformation};

это сокращение для

export {UserInformation as UserInformation};

это как делать

export const UserInformation = {};

когда вы определяете UserInformation,

Полезно иметь возможность экспортировать что-то из модуля в другое место, где оно определено (например, для удобства чтения).

В этом случае вы импортируете UserInformation как это

import {UserInformation} from 'UserInformation.js';

Обратите внимание, что export default UserInformation; не эквивалентно этому. В этом случае вы делаете UserInformation быть модулем экспорта по умолчанию. Импортировать UserInformation в этом случае вы бы сделали:

import UserInformation from 'UserInformation.js';

что является сокращением для

import {default as UserInformation} from 'UserInformation.js';

Это сообщение в блоге - отличная статья на эту тему.

Другие вопросы по тегам