? JavaScript冷饭系列：闭包，什么闭包？-五八三

嗨，大家好！这里是道长王jj~ ??‍♂️

~~人家写“TCP三次握手”都那么多赞，我不管我也要，嘤嘤嘤~~

如果你用一个循环来设置多个 setTimeout 会发生什么呢？比如说，你想让它们分别在 1 秒、2 秒、3 秒…之后执行，并且打印出对应的数字?。你可能会写出这样的代码：


for (var i = 1; i <= 5; i++) {
  setTimeout(function() {
    console.log(i);
  }, i * 1000);
}
for (var i = 1; i <= 5; i++) {

  setTimeout(function() {


    console.log(i);


  }, i * 1000);


}
for (var i = 1; i <= 5; i++) {

  setTimeout(function() {


    console.log(i);


  }, i * 1000);


}

你觉得这样会打印出什么呢？在解答这个题目之前，我们先学习一下我们今天的主题❤

❓什么是闭包？

闭包是指一个函数能够访问另一个函数作用域中的变量的函数。闭包可以让开发者从内部函数访问外部函数的作用域。

这个定义来自于《红宝书》第178页。

❓为什么会产生闭包?

针对这个问题我们需要举一个简单的函数例子在整个JavaScript中是如何运行的：


function template(num) {
  if (num) {
    const temp = num;
    console.log(temp);
  }
}
template();
function template(num) {
  if (num) {
    const temp = num;
    console.log(temp);
  }
}
template();
function template(num) {
  if (num) {
    const temp = num;
    console.log(temp);
  }
}
template();