AngularJS中resolve函数内严格模式失效问题排查

嘿，我来帮你梳理下这个问题——你遇到的是AngularJS路由resolve函数里严格模式没按预期抛出错误，反而静默终止代码执行的情况对吧？咱们一步步来分析：

先明确你的问题现象 #

• 你在包裹整个AngularJS代码的自执行函数里开了严格模式，但路由resolve里的isAdmin函数执行到a = 12;（未声明变量直接赋值）时，代码停在这一步，没跑后面的console.log("isAdmin2");，但控制台完全没报错。
• 单独测试严格模式的自执行函数（比如(function () { "use strict"; c = 3; })();）能正常抛出ReferenceError，而且AngularJS的控制器、服务里的严格模式也能正常报错，就resolve这里出问题。

为啥会出现这种情况？ #

AngularJS在处理路由resolve函数的时候，内部用了异常捕获机制——哪怕你的isAdmin是同步函数，AngularJS也会把它的执行包裹在try/catch里，捕获到异常后，它不会直接把错误抛到控制台，而是用来判断路由解析是否成功，这就导致你看到的“静默终止”现象：代码停了，但没报错提示。

另外虽然你的自执行函数开了全局严格模式，但AngularJS的依赖注入和resolve的执行上下文可能干扰了严格模式的作用域，导致严格模式的约束没正常触发报错。

怎么解决？ #

1. 给isAdmin函数单独加严格模式 #

最直接的办法，在isAdmin函数内部显式开启严格模式，强制函数本身遵循严格规则，哪怕外部作用域的严格模式被干扰，内部的也能生效：

function isAdmin($rootScope, $location) { 
  'use strict'; // 单独给函数加严格模式
  console.log("isAdmin"); 
  a = 12; 
  console.log("isAdmin2"); 
} 

这样修改后，执行a = 12;就会正常抛出ReferenceError: assignment to undeclared variable a，控制台能看到错误，也不会静默终止了。

2. 手动加try/catch调试 #

如果需要更清晰的调试信息，可以在函数里加try/catch块，主动把错误输出到控制台，同时别忘了把错误抛出去，让AngularJS知道路由解析失败：

function isAdmin($rootScope, $location) { 
  'use strict';
  try {
    console.log("isAdmin"); 
    a = 12; 
    console.log("isAdmin2"); 
  } catch (err) {
    console.error('Resolve函数执行出错:', err); // 主动输出错误
    throw err; // 抛出错误，告知AngularJS解析失败
  }
} 

3. 检查AngularJS版本 #

不同版本的AngularJS在resolve的异常处理上可能有差异，如果你用的是比较老的版本（比如1.2.x之前），可能存在这类严格模式的兼容问题，建议升级到1.7.x这类稳定版本试试。

测试验证 #

按照上面的方法修改后，再去Firefox里测试：

• 加了函数内的严格模式后，未声明变量赋值会正常抛出错误，控制台能看到清晰的报错信息。
• 用try/catch的话，能主动捕获并输出错误，方便你调试排查问题。

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