前端经典面试题 | 闭包的作用和原理

🖥️ 前端经典面试题 专栏：闭包的作用和原理(详解)
🧑‍💼 个人简介：一个不甘平庸的平凡人🍬

✨ 个人主页：CoderHing的个人主页

🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️

👉 你的一键三连是我更新的最大动力❤️

---

目录

一、回答点

二、深入回答

作用域

什么是闭包

---

一、回答点

作用域、函数

闭包的作用:在函数定义的作用域外,使用函数定义作用域内的局部变量,且不会被全局所污染.

简单理解:一个普通的函数,如果它可以访问外层作用域的自由变量,那么它就是一个闭包.

原理: 它是基于词法作用域链和垃圾回收机制,通过维持函数作用域的引用,让函数作用域可以在当前作用域外被访问到.

应用场景: 常用于 防抖 节流 立即执行函数 等等

二、深入回答

作用域

        作用域:确定在何处以及如何查找变量的一套规则.

        词法作用域:定义词法阶段的作用域.词法作用域是由写代码时将代码和块作用域写在哪而决定的.

        块级作用域:变量和函数不仅可以属于所在的作用域,也可以属于某个代码块.常见的块级作用域有 let const try/catch等...

        函数作用域:属于这个函数的全部变量都可以在整个函数范围内使用及复用

        作用域链:在查找一个变量时,先从当前的作用域开始查找,如果没有找到,就从到父级作用域中查找,一直找到全局作用域.作用域链正是包含这些作用域的列表

什么是闭包

        当函数可以访问所在的词法作用域时,就会产生闭包,就算是函数在当前词法作用域外执行.

function foo(){
    var a = "coderHing";
    function bar() {
        console.log(a);
    }
    return bar;
}
 
var coder = foo();
coder(); // coderHing

在Js中,每创建一个函数,闭包就会在函数创建的同时被创建出来