导出默认反应 - Javascript

在Javascript中，我们常常使用模块化编程的方式来组织我们的代码。在一个模块中，通常会有一些默认的输出，而且我们可以通过 export default 关键字来将这些默认输出导出，让其他代码可以通过 import 关键字来引用这些默认输出。

语法

export default defaultExport;

其中 defaultExport 为你希望导出的默认输出。注意，一个模块只能有一个默认输出。

例子

导出简单的字符串

我们可以通过 export default 来导出一个字符串：

// ModuleA.js
const greeting = "Hello, world!";
export default greeting;

然后在另一个模块中，我们可以通过 import 来引用这个字符串：

// ModuleB.js
import greeting from "./ModuleA.js";
console.log(greeting);
// Output: Hello, world!

导出函数和类

我们也可以通过 export default 来导出一个函数或者一个类：

// ModuleA.js
export default function add(a, b) {
  return a + b;
}

export default class Person {
  constructor(name) {
    this.name = name;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

然后在其他模块中，我们可以直接使用这个函数或者类：

// ModuleB.js
import add from "./ModuleA.js";
console.log(add(1, 2));
// Output: 3

import Person from "./ModuleA.js";
const person = new Person("Alice");
person.sayHello();
// Output: Hello, my name is Alice

总结

通过 export default 关键字，我们可以方便地导出一个默认输出，以便其他模块可以使用它。需要注意的是，一个模块只能有一个默认输出。