闭包与词法作用域是否相同？何时应使用闭包而非词法作用域变量？

首先明确：闭包和词法作用域不是同一概念，二者是依赖关系——闭包是JavaScript基于词法作用域规则产生的特性，而非单独创建的特殊机制。

核心概念拆解 #

• 词法作用域：JavaScript的基础作用域规则，指函数的作用域在定义时就已确定，而非调用时。简单说就是，函数能访问哪些变量，由它定义时所在的作用域链决定，和调用位置无关。
• 闭包：当一个函数引用了其外层函数作用域中的局部变量（而非全局变量），且这个函数能在其外层函数执行完毕后依然被调用，此时这个函数就形成了闭包。它会“留住”外层函数的作用域，阻止其被垃圾回收机制销毁。

你的两段代码分析 #

第一段：闭包的典型表现

var x=1;
var f= function()
{
    var a={result:0}
    if(x==2)
        a={result:1};
    return function g ()
    {
        console.log(a.result);
    }
}
returned=f()
x=2;
returned();

当f()执行时，创建了局部变量a，返回的g函数引用了这个局部变量。f执行完毕后，按常规逻辑其作用域应该被销毁，但因为g还持有对a的引用，所以a被闭包保留了下来。后续修改全局变量x对a没有任何影响，最终执行returned()会输出0——这就是闭包锁住外层局部变量的效果。

第二段：词法作用域的体现（非闭包）

var arr=[1,2,3];
var f= function()
{
    return function g ()
    {
        console.log(arr);
    }
}
var returned=f();
arr=[4,5,6];
returned();

这里的g函数引用的是全局变量arr，它遵循词法作用域规则（定义时能访问全局作用域的arr），但并没有引用外层函数f的局部变量，所以不算闭包。当你后续修改全局的arr，g执行时自然会拿到最新的全局变量值，最终输出[4,5,6]。

优先用闭包而非全局/外层词法作用域变量的场景 #

• 封装私有状态：不想让变量暴露在全局作用域被随意修改时，用闭包把变量藏在函数内部，只暴露操作方法：

  function createCounter() {
    let count = 0;
    return {
      increment: () => count++,
      getCount: () => count
    }
  }
  const counter = createCounter();
  counter.increment();
  console.log(counter.getCount()); // 1
  

• 保存循环临时状态：给多个元素绑定事件时，用闭包锁住当前循环的索引值，避免所有事件都拿到最后一个索引：

  for (let i = 0; i < 3; i++) {
    (function(index) {
      document.querySelectorAll('button')[index].onclick = () => console.log(index);
    })(i);
  }
  

• 延迟执行的回调/定时器：在异步操作中需要保留当前作用域的变量值时，闭包能锁住这个值，不受后续变量变化影响：

  function logLater(msg) {
    setTimeout(() => console.log(msg), 1000);
  }
  logLater('hello'); // 1秒后输出hello
  

• 函数柯里化：把多参数函数拆成单参数函数，用闭包保留每次传入的参数，逐步组合出完整逻辑：

  function add(a) {
    return function(b) {
      return a + b;
    }
  }
  const add5 = add(5);
  console.log(add5(3)); // 8
  

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