export default

export default 是 ES6 模块系统中的语法

用于将一个值、变量、函数或类作为模块的默认导出

默认导出在一个模块中只能有一个，而且不需要使用花括号 { } 进行包裹

下面是 export default 的用法和一些示例：

1.导出一个值或变量作为默认导出

// moduleA.js
const message = 'Hello, world!';
export default message;

// moduleB.js
import myMessage from './moduleA';
console.log(myMessage); // 输出：Hello, world!

在 moduleA.js 中，使用 export default 导出了一个字符串变量 message。在 moduleB.js 中，我们使用??import myMessage from './moduleA'? 导入了默认导出的值，并将其赋值给 myMessage 变量。这样就可以在 moduleB.js 中使用 myMessage 变量来访问默认导出的值?

2.导出一个函数作为默认导出

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

// moduleB.js
import myAddFunction from './moduleA';
console.log(myAddFunction(2, 3)); // 输出：5

在 moduleA.js 中，使用 export default 导出了一个函数 add。在 moduleB.js 中，我们使用 import myAddFunction from './moduleA' 导入了默认导出的函数，并将其赋值给 myAddFunction 变量。这样就可以在 moduleB.js 中使用 myAddFunction 变量来调用默认导出的函数

3. 导出一个类作为默认导出

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

  greet() {
    console.log(`Hello, ${this.name}!`);
  }
}

// moduleB.js
import Person from './moduleA';
const person = new Person('John');
person.greet(); // 输出：Hello, John!

在 moduleA.js 中，使用 export default 导出了一个类??Person? ?在??moduleB.js 中，我们使用 import Person from './moduleA' 导入了默认导出的类，并使用 new 关键字创建了一个 Person 的实例，然后可以使用这个实例来调用默认导出的类中的方法

总结来说，export default 用于将一个值、变量、函数或类作为模块的默认导出。? 在导入时，可以使用任意的标识符来引用默认导出项，而不需要使用花括号 { }。默认导出在一个模块中只能有一个，但可以与其他命名导出项共存。