Chrome控制台为何无法访问词法作用域中未使用的变量？

嘿，这个问题其实和Chrome背后的V8 JavaScript引擎的优化机制有关，我来给你拆解清楚：

核心原因：未使用变量的作用域优化 #

当你在bar函数里没有引用变量b的时候，V8会启动死代码消除的优化策略——它会判断b对于bar的执行没有任何作用，所以不会把b纳入bar的词法作用域链中。而变量a因为在bar里被console.log(a)用到了，所以会被保留在bar能访问的作用域里，这就是为什么你在断点处能打印a却找不到b的原因。

关于你的疑问：Chrome控制台是否无法访问词法作用域中的未使用变量？ #

没错，准确来说是V8引擎会优化掉当前函数未引用的外层变量，导致控制台无法访问它们。这种优化是为了减少不必要的内存占用，提升代码执行效率。

验证方法 #

你可以试试把bar里的注释去掉：

foo();
function foo(){
  var a = 2;
  var b = 3;
  bar(4);
  function bar(c) {
    console.log(a);
    console.log(b); // 取消注释
    console.log(c);
  }
}

刷新页面后再在console.log(c)处打断点，这时在控制台就能正常打印b的值了——因为V8现在知道b是bar需要用到的变量，会把它加入到bar的作用域链中。

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