export default
是 ES6
中用于导出模块中默认(主)功能的关键字。它允许我们只引入模块的一个默认功能,而无需将所有导出进行命名。
以下是一个例子:
// math.js
const add = (a, b) => {
return a + b;
};
const multiply = (a, b) => {
return a * b;
};
export default add; // 导出 add 函数作为默认功能
export {multiply}; // 导出 multiply 函数
// app.js
import sum from './math.js'; // 引入默认导出的 add 函数
import {multiply} from './math.js'; // 引入导出的 multiply 函数
console.log(sum(2, 3)); // 输出 5
console.log(multiply(2, 3)); // 输出 6
此处的 export default add
表示将 add
函数作为模块的默认导出,而 export {multiply}
表示将 multiply
函数作为模块的一个命名导出。因此,在 app.js
文件中,我们可以使用 import sum from './math.js'
来引入 add
函数并将其重命名为 sum
,而使用 import {multiply} from './math.js'
来引入 multiply
函数。