商梦建站网站建设及维护服务技术指标

1.定义：

export default‌：用于导出模块中的默认成员。一个模块中只能有一个export default，通常用于导出模块的主要功能或对象。导入时可以使用任意名称，因为它没有具体的名称‌

‌export‌：用于导出模块中的多个成员，每个成员都可以被单独导入。导入时必须严格按照导出时的名称使用花括号{}包裹‌

2.主要区别

‌导出数量‌：
‌export default‌：仅允许导出一个成员。
‌export‌：可以导出多个成员。

‌导入方式‌：
‌export default‌：导入时可以使用任意名称，因为默认导出没有具体的名称。例如：import myDefault from './myModule';‌
‌export‌：导入时必须严格按照导出时的名称使用花括号{}包裹。例如：import {str1, str2} from './myModule';‌

‌适用场景‌：
‌export default‌：适用于导出模块的主要功能或对象，因为它只能有一个默认导出。
‌export‌：适用于需要导出多个成员的情况，每个成员都可以被单独导入和使用。

3.代码示例

• ‌export default‌示例：

  const obj = { name: '小红', age: 20 };
  export default obj;
  

  导入时可以使用任意名称：

  import user from './myModule.js';
  console.log(user); // 输出：{ name: '小红', age: 20 }
  

  ‌export‌示例：

  export const name = "John";
  export function sayHello() { console.log("Hello, " + name); }
  

  导入时必须使用花括号{}包裹：

  import { name, sayHello } from './myModule.js';
  console.log(name); // 输出：John
  sayHello(); // 输出：Hello, John