带大括号的导入功能

Question

当我们在大括号中包含函数时，不确定它意味着什么。你能说出以下两行之间的区别吗？

import {sportsPage} from 'sports-page';

import sportsPage from 'sports-page';

Answer 1

以下是对ES6模块的一个很好的解读：https://24ways.org/2014/javascript-modules-the-es6-way/

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

如果没有括号，导出的函数，变量等必须是default。您可以根据自己的喜好命名myFunction。

export default myFunction;

...

import somethingsomethingDangerZone from "myfunction.js";