加载一个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 %]"); 
    });