javascript的export和export default

JavaScript中的export和export default关键字是用于在模块系统中导出代码的方式。

export关键字用于导出具名的变量、函数或类。它允许你将特定的代码项暴露给其他模块使用。下面是一个使用export导出变量的示例：

// module.js
export const name = 'John';export function sayHello() {
  console.log('Hello!');
}

在另一个文件中，你可以使用import语句来引入这些变量或函数：

// main.js
import { name, sayHello } from './module.js';

console.log(name); // 输出: 'John'
sayHello(); // 输出: 'Hello!'

export default关键字用于导出模块的默认值，每个模块只能有一个默认导出。下面是一个使用export default导出函数的示例：

// module.js
export default function sayHello() {
  console.log('Hello!');
}

在另一个文件中，你可以使用import语句来引入默认导出的函数：

// main.js
import sayHello from './module.js';

sayHello(); // 输出: 'Hello!'

需要注意的是，默认导出的函数、类或对象可以在导入时使用任意的名称。如果使用了具名导出和默认导出，可以同时使用这两种方式来引入模块中的内容。