沒有全局變量的JavaScript前端模塊化

Question

基本上，我想要做的是每個.js文件都只包含一個閉包，然後從每個文件中導入變量和函數。

lib.js：

(function(){ 

    myLibFunction(){ ... }; 

    ... 

})(); 

main.js：

(function(){ 

    import("lib.js"); 

    console.log(myLibFunction()); 

})(); 

Answer 1

我的解決辦法是回到你想要的所有的數組變量的函數。

function importVars(){ 
    var myValues = [all,values,here]; 
    return values; 
}; 

，或者你可以返回一個對象：

function importVars() { 
    var myValues = { 
     value1 : "property", 
     value2 : "another property" 
    }; 
    return myValues; 
}; 

導入做var MyValues = importVars()，然後通過編寫MyValues[which_one]或MyValues.value1 acessing他們。 希望這有助於！