獲取模塊ES6

Question

我在同一個文件夾的另一個js文件中有一個類（模塊），看起來像這樣。

class MessageModule{

constructor(){

}

sayHello(){
    alert('Hello from msg');
}

}

 module.exports = MessageModule;

但是，我不能在主要js文件中要求它。

let $ = require('jquery');
global.jQuery = $;
let bootstrap = require('bootstrap');
let messageModule = require('message');


messageModule.sayHello();

我應該如何導出該類或任何類？

謝謝。

Answer 1

您正在導出類定義。 您將需要創建一個實例以到達那里的任何非靜態方法。 可以從類對象訪問靜態方法。

因此，它是：

class MessageModule{

    constructor(){

    }

    static sayHello(){
        alert('Hello from msg');
    }

}

module.exports = MessageModule;

要么：

let $ = require('jquery');
global.jQuery = $;
let bootstrap = require('bootstrap');
let messageModule = require('message')();


messageModule.sayHello();

Answer 2

export class MessageModule {
    constructor() {

    }

    sayHello() {
        alert('hello from msg')
    }
}

在另一個頁面中調用該類：

<script>
    import {Message} from "/scripts/message.js";

    var message = new Message();
    message.sayHello();

    // or

    //import {MessageModule} from "/scripts/message.js";

    //var message = new MessageModule();
    //message.sayHello();
</script>