在现代前端开发中，模块化已经成为了一个不可或缺的部分。而在 JavaScript 中，ES6 引入了模块化的概念，使得开发者可以更加方便地组织和管理代码。而在 ES9 中，又引入了默认和命名导出的概念，让我们在模块化开发中更加灵活和自由。
默认导出
默认导出是指在一个模块中只有一个默认的导出，可以通过 export default 语法实现。默认导出的目的是为了方便模块的使用，在导入模块时可以省略大括号，直接使用导出的内容即可。
下面是一个简单的示例，我们定义一个模块 math.js，并导出一个加法函数：
-- ------- ------ ------- -------- ------ -- - ------ - - -- -
在另一个模块中，我们可以直接导入该模块，并使用其中的函数：
-- ------ ------ --- ---- ------------ ------------------ ---- -- -- -
需要注意的是，一个模块中只能有一个默认导出，如果需要导出多个内容，可以使用命名导出。
命名导出
命名导出是指在一个模块中可以有多个导出，每个导出都有一个名称，可以通过 export 语法实现。命名导出的目的是为了方便模块的复用，在导入模块时需要使用大括号，并指定要导入的内容。
下面是一个示例，我们定义一个模块 math.js，并导出加法和减法两个函数：
-- ------- ------ -------- ------ -- - ------ - - -- - ------ -------- ----------- -- - ------ - - -- -
在另一个模块中，我们可以导入该模块，并使用其中的函数：
-- ------ ------ - ---- -------- - ---- ------------ ------------------ ---- -- -- - ----------------------- ---- -- -- -
需要注意的是，命名导出的名称必须和导入时指定的名称相同，否则会导致语法错误。
总结
ES9 引入了默认和命名导出的概念，让我们在模块化开发中更加灵活和自由。默认导出适用于只有一个导出的情况，可以方便地省略大括号，直接使用导出的内容。而命名导出适用于有多个导出的情况，需要使用大括号，并指定要导入的内容。
在实际开发中，我们可以根据需要灵活使用这两种导出方式，以便更好地组织和管理代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d04616add4f0e0ff94acc8