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

时间:2018-01-15 13:46:57

标签: javascript

我正在使用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());

我想打印"我的名字是Alice"在控制台上,但它不起作用。我该如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

您需要从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());