javascript - 捕获通过 dom 操作加载的 Javascript 子文件中的错误

Question

我有 jQuery 和一个主 Javascript 文件作为文档的一部分，其中包括如下代码:

try{
  $(document.body).append('<script src=\"path_to_a_sub_javascript_file\"></script>');
} catch(error){
  alert('something wrong with the file');
};

这旨在加载 Javascript 子文件并捕获其中的任何错误(如果有)。当子文件没有错误时，就可以正确加载。当子文件出现加载时错误(语法错误，或立即运行的部分代码错误)时，我想使用 try catch 构造捕获错误，但它没有被捕获。

如何让加载子文件的主文件中的代码捕获子文件中的错误？

Answer 1

你可以使用jquery的getScript方法

$.getScript( "ajax/test.js" )
 .done(function( script, textStatus ) {
   console.log( textStatus );
 })
 .fail(function( jqxhr, settings, exception ) {
  // error
});

如果加载的 javascript 出现任何错误，将调用失败方法