Question

我正在使用webpack开发Web应用程序。我有两个javascript文件。

app.js

class User {
  constructor(name) {
    this._name = name;
  }

  say() {
    return 'My name is ' + this._name;
  }
}

main.js

import app from './app.js';
let user = new app.User('Alice');
console.log(user.say());

我想打印＆＃34;我的名字是Alice＆＃34;在控制台上，但它不起作用。我该如何解决这个问题？

Answer 1

添加export default User作为最后一行。这将导出类用户默认。这意味着您可以在main.js中使用您选择的名称访问它，如上所述。如果将其导出为export User，则在main.js文件中导入时，必须将其作为用户自行导入。

或者您可以将其导出到第一行，例如export default class User {

Answer 2

您需要从app.js导出该类，然后将其导入main.js：

// app.js
export default class User {
   constructor(name) {
      this._name = name;
   }

   say() {
      return 'My name is ' + this._name;
   }
}

从app.js导入用户类：

// main.js
import User from './app';

let user = new User('Alice');
console.log(user.say());

如何从其他javascript文件访问该类？

2 个答案: