javascript - ES6 的导出和花括号

Question

我看到一个代码发布在聊天 channel 中。在他的代码的最后是

export {UserInformation};

有些团体说语法错误。有人说只要变量存在就可以。

那么哪一组是正确的？这也是我第一次看到这种语法。我从未在导出中见过花括号。我只在进口中使用过它们。像这样

import {method} from 'someModule';

如果是我写的话，我会写成

export default UserInformation;

我不想用错误的信息污染我的大脑。让我知道哪个导出是正确的。

Answer 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';

This blog post是关于该主题的优秀读物。