獲取模塊ES6

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

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();

我應該如何去出口這個或任何類？

謝謝。

來源

2016-09-14 Bjarne Hansen

'sayHello'是在類中的方法原型。你需要一個'MessageModule'的實例或者使它成爲靜態的。 – MinusFour

您正在導出類定義。您需要創建一個實例來訪問那裏的任何非靜態方法。靜態方法可以從類對象中獲得。

所以，它要麼：

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();

來源

2016-09-14 14:38:05 MinusFour

注意你不應該使用只有靜態成員的''''類。 – Bergi

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>

來源

2016-09-14 14:40:50

謝謝，它工作！但是，當我將我的sayHello函數中的內容從alert中更改爲像$（'body'）。append（'test'）這樣的測試。它說$沒有定義，即使我在主腳本的第一行定義了，你知道嗎？ –

@BjarneHansen這可能是你在'messenger.js'文件之後引用了jquery文件 –

獲取模塊ES6

回答

相關問題