javascript必问面试题 js面试常用问题 2019

深入理解JavaScript中的闭包

在JavaScript中，闭包是一个非常重要的概念，它是函数式编程的基础，闭包是一种特殊的函数，它可以捕获并记住其所在作用域的变量值，即使该函数已经执行完毕，这使得闭包在很多场景下都非常有用，比如模块化、创建私有变量等，本文将深入探讨闭包的概念、原理以及在实际开发中的应用。

闭包的概念

闭包是指一个函数和它所引用的环境组合而成的实体，这个环境包含了这个函数可以访问的所有变量和参数，当一个函数被调用时，它会创建一个称为词法环境的执行上下文，这个上下文包含了函数的局部变量、参数、this值等信息，当函数执行完毕后，它的词法环境会被销毁，但是闭包仍然持有对这个环境的引用，因此它可以访问到这个环境中的变量和参数。

闭包的原理

闭包的原理主要涉及到词法环境和执行上下文两个概念。

1、词法环境（Lexical Environment）：词法环境是一种规范类型，用于标识符解析，每个执行上下文都有一个关联的词法环境，用来存储当前执行环境下的标识符信息，词法环境有两个组成部分：

- 外部环境：指向外部词法环境的引用。

- 内部环境：存储当前环境中定义的标识符信息。

2、执行上下文（Execution Context）：执行上下文是一个抽象的概念，表示JavaScript代码执行时的环境，执行上下文分为全局执行上下文、函数执行上下文和eval执行上下文三种类型，每种类型的执行上下文都有一个与之关联的词法环境。

当一个函数被调用时，会创建一个函数执行上下文，并将当前的词法环境压入调用栈，函数执行完毕后，对应的执行上下文会被弹出栈，在这个过程中，闭包就是通过引用词法环境中的变量和参数来实现对外部环境的访问。

闭包的应用

1、模块化：闭包可以用来实现模块化，将相关的功能封装在一个函数中，形成一个模块，这样可以避免全局变量污染，提高代码的可维护性。

function module() {
  var count = 0;
  function increment() {
    count++;
    console.log(count);
  }
  return {
    increment: increment,
  };
}
var myModule = module();
myModule.increment(); // 输出 1
myModule.increment(); // 输出 2

2、创建私有变量：闭包可以用来创建私有变量，这些变量只能在闭包内部访问，外部无法访问，这样可以保护数据的安全性，避免数据被篡改。

function createCounter() {
  var count = 0;
  function counter() {
    count++;
    return count;
  }
  return counter;
}
var myCounter = createCounter();
console.log(myCounter()); // 输出 1
console.log(myCounter()); // 输出 2

3、实现高阶函数：闭包可以用来实现高阶函数，如柯里化、偏函数等，这些函数可以接受其他函数作为参数或返回值，从而增强函数的功能。

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(null, args);
    } else {
      return function (...moreArgs) {
        return curried.apply(null, args.concat(moreArgs));
      };
    }
  };
}

闭包是JavaScript中一个非常重要的概念，它可以实现模块化、创建私有变量等功能，理解闭包的原理和应用场景，可以帮助我们更好地编写高质量的JavaScript代码。