javascript - AngularJS 加载并使用 javascript 检查语法

Question

我正在尝试向我的网站添加加载覆盖层，具体取决于 angularjs 是否加载且没有任何错误。

目前我有以下小脚本，可以让我检查 angularjs 是否已加载:

<script type='text/javascript'>
    window.onload = function () {
        if(typeof angular == 'undefined') {
         document.getElementById("page-loader-overlay").style.display = "block";
        } else {
         document.getElementById("page-loader-overlay").style.display = "none";
        }
    };
</script>

我还想检查的是，确保浏览器不会由于特定浏览器可能无法读取的部分代码而给出任何特定的语法错误，从而使上述检查变得过时。

是否有特定的方法可以为此检查添加语法检查？

提前致谢。

Answer 1

当然，您可以使用全局 onerror handler 检测语法错误。 ，并检查错误是否是 SyntaxError 的实例:

<script>
onerror = function(messageOrEvent, source, lineno, colno, error) {
  if (error instanceof SyntaxError) {
    console.log('Caught a syntax error: ', arguments);
  }
}
</script>
<script>
let f/4; // syntax error
</script>