ES6（4）闭包

闭包（有局部变量才会产生闭包）

指有权访问另一个函数作用域中变量的函数（一个作用域可以访问另外一个函数内部的局部变量）

函数返回的是函数就是高阶函数

// fn外面的作用域访问fn内部的局部变量
function fn() {
  let num = 10;
  return function() {
    console.log(num);
  };
}
let f = fn();
console.log(f.prototype.constructor);
// f是指向了fun构造函数，所以可以访问fn里面的变量
// 打印结果
//  () {
//   console.log(num);
// }
f();

闭包作用：延伸了变量的作用范围

闭包应用

<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>

let btns = document.querySelectorAll("button");
for (let i = 0; i < btns.length; i++) {
  // (i => {
  //   btns[i].onclick = function() {
  //     console.log(i);
  //   };
  // })(i);
  (i => {
    setTimeout(() => {
      console.log(btns[i].innerHTML);
    }, 3000);
  })(i);
}

来源：CSDN

作者：ronle

链接：https://blog.csdn.net/ronle/article/details/104071194