JavaScript语法错误致控制台报错为何无法被window.onerror/try-catch捕获？

这个问题的核心是你碰到的语法错误，而非运行时错误——这也是现有方案失效的关键原因：

• 你的代码在浏览器解析阶段就直接报错了：'firstValue':'Me 'And' You'里的单引号没有转义，导致JavaScript引擎根本无法正确解析这段代码，连try块和window.onerror的赋值逻辑都没机会执行，自然不会触发任何弹窗。
• try/catch只能捕获运行时的异常（代码执行过程中抛出的错误），而语法错误发生在代码执行之前的解析阶段，它完全管不到。
• window.onerror虽然能捕获部分全局错误，但前提是错误发生在代码执行阶段；如果是脚本解析失败，它只有在错误发生在单独的<script>标签中，且window.onerror已经提前被定义的情况下才可能触发，但这也只是事后补救，远不如从根源避免语法错误靠谱。

1. 从根源修复：后端转义JS字符串 #

既然你的JS代码是由Razor生成的，最稳妥的方式是在后端对输出的字符串进行JS安全转义，确保生成的代码符合JS语法规范。

在MVC.NET中，可以使用HttpUtility.JavaScriptStringEncode方法来处理：

'firstValue': '@HttpUtility.JavaScriptStringEncode(Model.MyStringWithNoFormattingOrChecking)'

这样，当Model.MyStringWithNoFormattingOrChecking的值是Me 'And' You时，生成的JS代码会变成：

'firstValue': 'Me \'And\' You'

这就完全符合JS语法了，不会再出现解析错误。

2. 如何捕获这类解析阶段的错误（用于日志） #

如果需要监控这类脚本加载/解析错误，可以提前定义全局错误监听，并且把动态生成的JS放在单独的<script>标签中：

<script>
// 提前定义错误监听，确保在目标脚本加载前生效
window.onerror = function(message, source, lineno, colno, error) {
  // 这里替换成你的Ajax日志上报逻辑
  console.log('解析/运行时错误:', message, source, lineno);
  return true;
};

// 或者用更现代的事件监听方式
window.addEventListener('error', function(event) {
  console.log('全局错误捕获:', event.error);
  // Ajax上报逻辑
});
</script>

<script>
// 这里放Razor生成的动态JS代码
window.onerror = function(error) { alert("window error..." + error ); }
const arr = [];
try{
  arr.push({ 'firstValue':'@HttpUtility.JavaScriptStringEncode(Model.MyStringWithNoFormattingOrChecking)', 'otherValue':5 });
}catch(err){
  alert("Error..." + err);
}
</script>

不过再次强调：优先修复语法错误才是最优解，因为解析错误会导致整个脚本块无法执行，后续的逻辑都会失效。

内容的提问来源于stack exchange，提问作者MyDaftQuestions