在 ES6 中导出默认新类 - JavaScript

在 ES6 中，我们可以使用 export default 语法来导出默认的类。当导入模块时，我们不需要使用类名，而是可以使用任意名称来引用它。

基本语法

export default class className {

  // class definition

}

这个语法允许我们将一个类定义为默认导出。这意味着，在导入时，代码可以使用任意名称来引用这个类：

import myClassName from './myClass.js';

示例代码

假设我们有一个名为 Person.js 的类，代码如下所示：

export default class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  sayHello() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

这是一个简单的类，它有一个名为 sayHello() 的方法，用于输出一个问候语。

我们可以在另一个文件中导入这个类，代码如下所示：

import MyPerson from './Person.js';

const p = new MyPerson('Alice', 25);
p.sayHello();

在这个示例中，我们使用 import 语法将 Person.js 中的类导入到另一个文件中。我们使用任意名称 MyPerson 来引用它，并创建一个新的实例，然后调用 sayHello() 方法。

结论

使用 export default 语法来导出默认的新类在 ES6 中非常方便。它使得代码在应用程序中的复用变得更容易，更清晰易懂。使用默认导出还可以让开发人员使用自己喜欢的名称来引用类，而不受命名约束。