ES6中export default的作用。

export defaultES6 中用于导出模块中默认(主)功能的关键字。它允许我们只引入模块的一个默认功能,而无需将所有导出进行命名。

以下是一个例子:

// 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 函数。

你可能感兴趣的:(es6,javascript,前端)