2020-02-15

闭包

字数统计: 542字 | 阅读时长: 2分

闭包是js中很重要的概念

作用域

在说闭包前，先了解js的作用域

作用域

作用域指变量能够被访问到的范围，也称变量作用域

全局作用域，浏览器(window), Node(global)

函数作用域 function内部

块级作用域(es6新增，let、const声明的变量)

作用域链

由于作用域层级的关系，导致出现作用域链
一般（全局作用域包含（函数作用域 -》包含（函数作用域和块级作用域）和块级作用域））

function outer(){
  let a = 1
  const inner = function(){
    console.log(a)
  }
  return inner
}

闭包

一般来说，函数作用域的变量，一旦函数执行完就会被释放

但是如果函数内部嵌套函数，而且内部函数使用外部的变量，就有可能导致外部函数变量得不到释放，
这样内部函数就可以一直访问，从而形成闭包
简单说，当前环境中存在指向父级作用域的引用

function outer(){
  let a = 1
  const inner = function(){
    console.log(a)
  }
  return inner
}

闭包的应用

once() 函数

function once(fn) {
    let returnValue;
    let canRun = true;
    return function runOnce() {
        if (canRun) {
            returnValue = fn.apply(this, arguments);
            canRun = false;
        }
        return returnValue;
    };
}
function process(title) {
    console.log({
        title,
    });
}
const processonce = once(process);
const title = "DevPoint";
processonce(title);
processonce(title);
processonce(title);
 // 只会输出一次