一篇文章搞懂：词法作用域、动态作用域、回调函数及闭包

词法作用域（Lexical Scope）

词法作用域是指变量的可见性和访问规则是在代码编写阶段就确定的。在词法作用域中，变量的作用域是由它们在代码中的位置决定的，而不是在运行时决定的。

示例1：

function outer() {
  var x = 10;

  function inner() {
    console.log(x); // 输出 10
  }

  inner();
}

outer();

在上面的示例中，变量x在inner函数中被访问到，这是因为inner函数在outer函数内部定义，所以它可以访问outer函数的作用域，包括其中定义的变量x。

动态作用域（Dynamic Scope）

动态作用域是指变量的可见性和访问规则是在运行时确定的。在动态作用域中，变量的作用域是由它们在代码执行过程中的调用链决定的。

示例2：

function outer() {
  var x = 10;

  function inner() {
    console.log(x); // 输出 20
  }

  return inner;
}

function another() {
  var x = 20;
  var innerFunc = outer();
  innerFunc();
}

another();

在上面的示例中，inner函数在outer函数外部被调用，但它仍然可以访问到outer函数中的变量x。这是因为在动态作用域中，函数的作用域是由函数被调用的上下文决定的，而不是函数定义的位置。

回调函数（Callback Function）

回调函数是指将一个函数作为参数传递给另一个函数，并在适当的时候调用该函数。回调函数常用于异步编程中，用于处理异步操作的结果。

示例3：

function fetchData(callback) {
  setTimeout(function() {
    var data = 'Hello, World!';
    callback(data);
  }, 1000);
}

function processData(data) {
  console.log('Processed data:', data);
}

fetchData(processData);

在上面的示例中，fetchData函数接受一个回调函数作为参数，并在异步操作完成后调用该回调函数。processData函数作为回调函数传递给fetchData函数，并在异步操作完成后被调用。

闭包（Closure）

闭包是指一个函数可以访问并操作其词法作用域之外的变量。闭包可以在函数内部创建一个独立的作用域，并保持对外部作用域的引用。

示例4：

function outer() {
  var x = 10;

  function inner() {
    console.log(x); // 输出 10
  }

  return inner;
}

var closureFunc = outer();
closureFunc();

在上面的示例中，inner函数是一个闭包，它可以访问并输出外部函数outer中的变量x。即使outer函数已经执行完毕，闭包仍然可以保持对outer函数作用域的引用。

以上就是关于词法作用域、动态作用域、回调函数及闭包的详细解释和示例说明。希望对你理解这些概念有所帮助！