JavaScript中的"导出默认值"是指为一个模块指定导出的默认值。它可以让你在导入模块时，省略掉花括号（{}），直接使用导出的值。
为什么要使用“导出默认值”？
使用"导出默认值"的好处在于可以减少代码的冗余以及提高代码的可读性。如果一个模块只导出了一个值，那么使用"导出默认值"可以使代码更简洁，易于理解。
另外，"导出默认值"还允许我们给模块赋予一个名字，而不是将其作为匿名模块导入。这样做可以在编写应用程序时更容易地管理依赖关系。
如何使用“导出默认值”？
在ES6中，我们可以使用export default语法来指定模块的默认导出值。例如，下面是一个导出默认值的例子：
-- ---------- ----- - - ------- -------- ------ ------- --
在上面的例子中，模块moduleA.js导出了一个默认值A，该值为字符串"Hello, World!"。
现在，我们可以在其他模块中导入moduleA.js并使用其默认值，如下所示：
-- ---------- ------ - ---- --------------- --------------- -- --------- ------
在上面的例子中，我们使用了import语法从moduleA.js中导入了默认值A，并在控制台上输出了其值。
如果一个模块同时导出了多个值，那么我们仍然需要使用花括号来指定要导入的值。例如：
-- ---------- ------ ----- - - --- ------ ------- -------- ------ -- - ------ - - -- -
在上面的例子中，模块moduleC.js同时导出了一个常量x和一个名为add的函数。如果我们只想导入add函数作为默认值，可以这样做：
-- ---------- ------ ----- ---- --------------- -------------------- ---- -- ----
在上面的例子中，我们使用import语法从moduleC.js中导入了add函数作为myAdd，并在控制台上输出了它的返回值。
结论
"导出默认值"是JavaScript模块化的重要特性之一，它可以使我们更轻松地管理代码依赖关系，编写更简洁、易于阅读的代码。现代前端开发中，"导出默认值"已经成为了一个必备的工具，希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8639