加載一個JavaScript文件，加載時沒有設置變量

Question

帖子標題可能沒有完全解釋，但這裏是我希望做的：我在一個單獨的文件中有我的JavaScript代碼，並且我已經安排它如此編排

var PK = { 
    "vars" : { 
     "uris" : { 
      "app1": "http://this/server/", 
      "app2": "http://that/server/" 
     }, 

     "something": { 
      "objects": [], 
      "obj1": { "url": PK.vars.uris.app1 }, 
      "obj2": { "url": PK.vars.uris.app2 }         
     } 
    }, 

    "methods" : { 
     "doThis" : function(a) { 
      $.ajax({ 
       url: PK.vars.uris.app1, 
       data: data, 
       type: "GET", 
       success: function(data) { .. do something .. } 
      });  
     }, 

     "doThat" : function(a) { 
      $.ajax({ 
       url: PK.vars.uris.app2, 
       data: data, 
       type: "GET", 
       success: function(data) { .. do something else .. } 
      });  
     }, 

     "init" : function(position) { 
      if (position) { PK.methods.doThis(); 
      } 
      else { 
       PK.methods.doThat(); 
      } 
     } 
    } 
}; 

，然後在我的html，我有以下

$(document).ready(function() { 
    PK.vars.uris.app1 = "[% app1 %]"; 
    PK.vars.uris.app2 = "[% app2 %]"; 
    PK.methods.init(); 
}); 

其中app1和app2值是基於配置文件服務器發送。除此之外，它無法按預期工作，因爲當單獨的JavaScript加載時，PK.vars.uris當時沒有定義。當然，如果我有PK.vars.uris {}硬編碼，一切都很好。

如何才能延遲評估var PK，直到文檔已加載並且PK.vars.uris可用於JavaScript代碼？

Answer 1

是否需要將值傳遞給初始化程序？

這個怎麼樣的方法：

在你的外部文件：

function PK_Constructor(app1Uri, app2Uri) { 
     this.vars = { "uris" : { 
        "app1" : app1Uri, 
        "app2" : app2Uri 
      }, 
       "something": { 
        "objects": [], 
        "obj1": { "url": app1Uri }, 
        "obj2": { "url": app1Uri }         
       }, 
      }; 
     this.doThis = function(a) { 
      $.ajax({ 
       url: this.vars.uris.app1, 
       data: data, 
       type: "GET", 
       success: function(data) { .. do something .. } 
      }); 
     // etc 

    } 

而且在你的HTML：

// Ensuring PK has global scope 
    var PK = undefined; 

    $(document).ready(function() { 
     PK = new PK_Constructor("[% app1 %]", "[% app2 %]"); 
    });