Javascript - Ex6 导出

在Javascript中，使用export指令可以将代码或者数据从一个文件中导出，以便在其他文件中进行使用。本文将介绍Javascript中的导出功能以及如何正确地使用它们。

导出默认值

在Javascript中，我们可以使用export default指令导出一个默认值。这个默认值可以是一个变量、一个函数、一个类等等。下面是一个例子：

// 导出默认值
export default function add(a, b) {
  return a + b;
}

在上面的例子中，我们导出了一个在调用时可以传递两个参数进行相加的函数。我们可以在其他文件中进行导入并使用这个函数：

import add from './math.js';

console.log(add(2, 3)); // 输出 5

导出命名值

除了导出默认值，我们还可以使用export指令导出一个或多个命名的值。在导出命名值时，我们需要使用变量、函数、类等声明一个具名的常量或变量，并使用export指令导出。下面是一个例子：

// 导出多个命名值
export const name = '小明';
export const age = 18;

// 导出一个函数
export function hello(name) {
  console.log(`Hello, ${name}！`);
}

在上面的例子中，我们导出了两个常量和一个函数。我们可以在其他文件中进行导入并使用这些变量和函数：

import { name, age, hello } from './person.js';

console.log(name, age); // 输出 "小明", 18
hello(name); // 输出 "Hello, 小明！"

混合导出

在某些情况下，我们可能需要混合导出默认值和命名值。这时我们可以将默认值和命名值一起导出。下面是一个例子：

const name = '小明';

function hello(name) {
  console.log(`Hello, ${name}！`);
}

// 混合导出
export default name;
export { hello };

在上面的例子中，我们导出了一个默认值name和一个命名值hello。我们可以在其他文件中进行导入并使用这些值：

import name, { hello } from './person.js';

console.log(name); // 输出 "小明"
hello(name); // 输出 "Hello, 小明！"

总结

使用Javascript的导出功能可以让我们在不同的文件中共享代码或数据。默认值和命名值的导出方式分别适用于导出单个和多个值。在实际开发中，我们需要根据需要灵活使用这些导出方式。