Javascript export/import class

Question

为什么下面这个例子没有输出"hello world"？相反，我得到：

TypeError: _base2.default.test is not a function

（正在用 Babel 转译）

file1.js

import Example from './file2';
console.log(Example.test());

file2.js

export default class Example {
  test() {
    console.log('hello world');
  }
}

Answer 1

您只是导入 class，而不是创建 class

的实例

尝试

var myInstance = new Example()
myInstance.test()

Answer 2

如果您想将方法作为 class 方法调用（不创建对象实例），您可以尝试静态方法。

您可以将 file2.js 更改为，

export default class Example {
  static test() {
    console.log('hello world');
  }
}

然后在file1.js中使用class名称作为

调用它

import Example from './file2';
console.log(Example.test());

如果您想将其作为实例方法调用，请参考答案。

javascript