如何在另一个 JS 文件中使用一个 JS 文件中的类？ [复制]

Question

我正在尝试在 B.js 文件中使用 A.js 文件中的类， 我创建了一个 A.js 类的实例，并尝试在 B.js 中调用它的函数，但出现错误 说

未捕获的语法错误：无法在模块外使用 import 语句

这就是代码的样子：

A.js 文件

export class A {
    constructor() {
        this.name = 'A'
    }
    getName() {
        return this.name;
    }
}

B.js 文件

import A from './A.js';
const a = new A();
console.log(a.getName());

我做错了什么？

Answer 1

在您的文件 B.js 中，将导入从 import A from './A.js'; 更改为 import { A } from './A.js';

导出类或函数有两种方式：

1) 默认

2) 命名

1) 允许每个文件进行一次导出。导入的命名独立于原始导出的名称。

示例：

export default class A { } // A.js
import AComponent from './A'; 

2) 允许每个文件多次导出。导入的名称必须与导出的名称相同。

示例：

export class A { } // A.js
import { A } from './A'; 

Answer 2

如果您使用不带{} 的导入，则需要使用keyword default。尝试如下代码 -

export default class A {
    constructor() {
        this.name = 'A'
    }
    getName() {
        return this.name;
    }
}

或者你可以像这样使用别名 -

import * as A from './A.js';