JavaScript作用域详解与变量访问影响

积累知识，胜过积蓄金银！毕竟在文章开发的过程中，会遇到各种各样的问题，往往都是一些细节知识点还没有掌握好而导致的，因此基础知识点的积累是很重要的。下面本文《JavaScript作用域是什么？如何影响变量访问？》，就带大家讲解一下知识点，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

JavaScript作用域是词法作用域，由代码结构在运行前确定，分全局、函数、块级（ES6起）；var提升至函数顶，let/const有TDZ；闭包捕获变量绑定而非值；this与作用域无关，取决于调用方式。

作用域决定变量能否被访问到

JavaScript 作用域不是“变量在哪定义”，而是“当前执行位置能合法读写哪些变量”。它在代码运行前就由词法结构确定（即词法作用域），和函数调用栈无关。这意味着 eval 或 with 会破坏静态可预测性，应避免使用。

全局、函数、块级作用域的边界在哪

ES5 只有全局和函数作用域；ES6 引入 let 和 const 后，{} 块（如 if、for、独立块）也形成作用域。但注意：

• var 声明仍仅受函数边界限制，会变量提升（hoisting）到函数顶部
• let/const 不提升，且在声明前访问会抛出 ReferenceError（暂时性死区 TDZ）
• function 声明会被提升并初始化，function expression 则按 var 规则处理（仅声明提升）

function foo() {
  console.log(a); // undefined（var 提升但未赋值）
  console.log(b); // ReferenceError（TDZ）
  var a = 1;
  let b = 2;
}

闭包是如何捕获外部作用域的

当一个函数引用了其外部作用域中的变量，并被返回或传递到其他作用域执行时，就形成了闭包。关键点是：它捕获的是变量的「绑定」，而非值的快照。

• 多个闭包共享同一外部变量（比如循环中创建的函数）
• let 在每次循环迭代中创建新绑定，因此常用来避免经典循环问题
• 闭包会阻止外部作用域被垃圾回收，过度使用可能引发内存泄漏

for (var i = 0; i  console.log(i), 0); // 输出 3, 3, 3
}
for (let j = 0; j  console.log(j), 0); // 输出 0, 1, 2
}

this 和作用域不是一回事

新手常混淆 this 绑定和作用域链查找。作用域解决的是「标识符在哪里找」（如 x 是全局变量还是参数），而 this 是运行时基于调用方式动态确定的上下文对象。箭头函数不绑定 this，但它依然遵循词法作用域规则去查找外层变量。

• function 内部的 this 与作用域无关，取决于调用位置（如 obj.method() 中 this === obj）
• 箭头函数的 this 是词法继承的，但它的 arguments、super 等也一样不绑定
• 用 debugger 断点查看 Scope 面板，比猜 this 更可靠

理论要掌握，实操不能落！以上关于《JavaScript作用域详解与变量访问影响》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！