export与export default在es6中的区别是什么

介绍

在ES6中，export和export default是用于导出模块的两种关键字。它们有一些相似之处，但也有一些重要的区别。本文将深入探讨export和export default的区别，并解释它们在代码中的用途和规范。

export关键字

export关键字用于将单个或多个函数、变量或对象从一个模块导出。通过使用export关键字，我们可以将一个模块的特定部分暴露给其他模块使用。在代码中，我们使用export关键字将特定的函数或变量标记为要导出的，并将它们暴露给其他模块通过import语句进行引用。

// module.js
export const PI = 3.14;

export function calculateArea(radius) {
  return PI * radius * radius;
}

export default function sayHello() {
  console.log("Hello, world!");
}

export default关键字

export default关键字用于导出一个默认的值或函数。每个模块只能有一个默认的导出，并且可以直接导入而无需使用花括号。当其他模块import时，可以自由命名默认导出的变量名。

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

// main.js
import sayHello from "./module.js";
sayHello();

区别与用途

export和export default的主要区别在于导入时的语法和导出的数量。使用export关键字时，需要使用花括号{}来导入具体的函数、变量或对象。使用export default关键字时，可以直接命名导入变量名。

因此，export适用于导出多个函数或变量，而export default适用于导出单个默认的值或函数。一般建议在一个模块中，只使用一个export default，其他的可以使用多个export关键字导出。

总结

在ES6中，export和export default是导出模块的两种关键字。export可以将单个或多个函数、变量或对象导出，而export default用于导出一个默认的值或函数。使用export关键字时，需要使用花括号{}来导入具体的函数、变量或对象，而export default关键字可以直接命名导入变量名。使用时需要根据具体情况选择合适的关键字来导出模块。