我一直在嘗試Javascript的揭示模塊模式,但我不太明白是否以及如何將一個模塊的公共方法調用到另一個模塊。假設我有這兩個模塊(代碼被簡化):如何使用Revealing模塊模式將一個JS模塊的公共方法調用到另一個模塊中?
1)模塊A
var lazyload = (function() {
function loadDefault() {
$('.lazy').load();
}
return {
loadDefault: loadDefault
}
})();
2)模塊B
var newposts = (function() {
function addNewPosts() {
$('.posts').append();
}
});
如何調用loadDefault()
方法從模塊A到模塊B中的方法addNewPosts()
?不知道這有什麼關係,但也許這是值得一提的是我使用的WebPack,所以在我的主要js文件,我導入這兩種模塊,如:
import './ModuleA';
import './ModuleB';
如果您使用'import'語法來引入要調用的函數,則必須在模塊中將其導出:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export – worc