没有全局变量的 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 来访问它们。希望这有帮助!