无法使用JavaScript函数使用jQuery

Question

我试图以编程方式加载本地JavaScript文件加载脚本之后 - papaparse library，然后利用它的功能之一：

$.getScript("./Content/Scripts/papaparse.js", function() { 
    console.log("Papaparse loaded successfully"); 
    Papa.parse(file, { skipEmptyLines: true, header: false, complete: completeCallback }); 
}); 

脚本加载成功，但在调用解析方法引发错误：

ReferenceError: Papa is not defined

在papaparse库，帕帕定义如下：

(function (global) { 
    "use strict"; 

    var Papa = {}; 
    Papa.parse = someFunction; 
    . 
    . 
    global.Papa = Papa; 
} 

如果有帮助，这整个代码是从打字稿文件中调用。
我在做什么错？

Answer 1

卡斯特罗在他的回答here指出，根据官方文档jQuery的getScript

The callback of getScript method is fired once the script has been loaded but not necessarily executed.

这意味着，当getScript的回调函数被调用，则目标脚本只被加载在当前页面的上下文没有完全执行，所以你需要花一些时间给JavaScript引擎来执行该脚本。 你怎么能给那个时间。嗯其中一个选项是setTimeout/setInterval。

您可以使用setTimeout/setInterval右边的getScript的回调函数。

修改代码的版本看起来像： -

$.getScript("./Content/Scripts/papaparse.js", function() { 
    console.log("Papaparse loaded successfully"); 
    function dealWithPapa() { 
     Papa.parse(file, { skipEmptyLines: true, header: false, complete: completeCallback }); 
    } 
    //regularly check after 100ms whether Papa is loaded or not 
    var interval = setInterval(function() { 
     if(Papa !== undefined) { 
      //once we have reference to Papa clear this interval 
      clearInterval(interval); 
      dealWithPapa(); 
     }  
    },100); 

}); 

我希望这将清除您的疑问。

Answer 2

根据https://api.jquery.com/jquery.getscript/：

The callback is fired once the script has been loaded but not necessarily executed.

您可能需要使用一个setTimeout(300, function(){...})等待它去执行。