javascript - 带大括号的导入函数

Question

这个问题已经有答案了:

What is the difference between these ES6 import methods? [duplicate] (3 个回答)

已关闭 7 年前。

不确定当我们在大括号内包含函数时意味着什么。你能区分下面两行的区别吗？

import {sportsPage} from 'sports-page';

import sportsPage from 'sports-page';

Answer 1

这里有一篇关于 ES6 模块的好读物:https://24ways.org/2014/javascript-modules-the-es6-way/

这两者之间的区别在于，当您不导出 default 模块时，会使用方括号 {}。您无法重命名它们!

如果没有括号，导出的函数、变量等需要是默认。您可以将 myFunction 命名为任何您喜欢的名称。

export default myFunction;

...

import somethingsomethingDangerZone from "myfunction.js";