ES6's导出和大括号

ES6's export and curly braces

本文关键字：ES6 更新时间：2023-09-26

我看到一个聊天频道发布了一段代码。在他的代码的最后是

export {UserInformation};

一些团体认为语法错误。有人说只要变量存在就没问题。

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

import {method} from 'someModule';

如果我在写，我会把它写成

export default UserInformation;

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

语法正确。这个

export {UserInformation};

是的简写

export {UserInformation as UserInformation};

这就像做

export const UserInformation = {};

定义CCD_ 1时。

能够将某个模块中的某个内容导出到定义该模块的不同位置（例如，为了可读性）是非常有用的。

在这种情况下，您可以像这个一样导入UserInformation

import {UserInformation} from 'UserInformation.js';

请注意，export default UserInformation;是，而不是等价于此。在这种情况下，您将使UserInformation成为默认的模块导出。在这种情况下，要导入UserInformation，您需要执行以下操作：

import UserInformation from 'UserInformation.js';

这是的简写

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

这篇博客文章是关于这个话题的一篇极好的读物。