关于闭包:JavaScript闭包

7次阅读

共计 1573 个字符，预计需要花费 4 分钟才能阅读完成。

本文将带你用正确姿态对待 JavaScript 闭包。

在 JavaScript 中闭包形容的是 function 中外层作用域的变量被内层作用域援用的场景，闭包为内层作用域保留了外层作用域的变量。

要了解闭包，首先要晓得 JS 词法作用域是如何工作的。

来看这段代码：

let name = 'John';

function greeting() { 
    let message = 'Hi';
    console.log(message + ' '+ name);
}

变量 name 是全局变量。它能够在任何中央调用，包含在 greeting 函数外部。

变量 message 是局部变量，只能在 greeting 函数外部调用。

如果你尝试从 greeting() 内部拜访 message 变量，会抛出一个谬误：

ReferenceError: message is not defined

比拟有意思的是函数外部的作用域是能够嵌套的，如下：

function greeting() {
    let message = 'Hi';

    function sayHi() {console.log(message);
    }

    sayHi();}

greeting();
// Hi

greeting() function 创立了一个局部变量 message 和一个部分函数 sayHi()。

sayHi() 是 greeting() 的一个外部办法，只能在 greeting() 外部拜访。sayHi() 能够拜访 greeting() 的 message 变量。在 greeting() 外部调用了 sayHi()，打印出了变量 message 的值。

来批改一下 greeting：

function greeting() {
    let message = 'Hi';

    function sayHi() {console.log(message);
    }

    return sayHi;
}
let hi = greeting();
hi(); // still can access the message variable

这次咱们不是在 greeting() 执行 sayHi()，而是在 greeting() 被调用时把 sayHi 作为后果返回。

在 greeting() 函数内部，申明了一个变量 hi，它是 sayHi() 函数的索引。

这时，咱们通过这个索引来执行 sayHi() 函数，能够失去和之前一样的后果。

通常状况下，一个局部变量只会在函数执行的时候存在，函数执行实现，会被垃圾回收机制回收

有意思的是，上边的这种写法咱们执行 hi()，message 变量是会始终存在的。这就是闭包的作用，换句话说下面的这种模式就是闭包。

上面的例子论述了闭包更加实用的状况：

function greeting(message) {return function(name){return message + ' ' + name;}
}
let sayHi = greeting('Hi');
let sayHello = greeting('Hello');

console.log(sayHi('John')); // Hi John
console.log(sayHello('John')); // Hello John

greeting() 接管一个参数（message），返回了一个办法接管一个参数（name）。

greeting 返回的匿名函数把 message 和 name 做了拼接返回。

这时 greeting() 体现的行为像工厂模式。应用它创立了 sayHi() 和 sayHello() 函数，它们都有各自的 message”Hi“和”Hello“。

sayHi() 和 sayHello() 都是闭包。它们共用了同一个函数体，然而保留了不同的作用域。

在面试的时候，常常会有面试官让你手写一个防抖节流函数，其实用到的就是闭包。

如果有趣味能够查看一下这篇文章《防抖和节流实例解说》

正文完