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

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

一、回答点

作用域、函数


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


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


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


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

二、深入回答

作用域

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


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


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


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


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

什么是闭包

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

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

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

相关文章
|
20天前
|
中间件 数据库连接 API
Python面试:FastAPI框架原理与实战
【4月更文挑战第18天】FastAPI是受欢迎的高性能Python Web框架,以其简洁的API设计、强大的类型提示和优秀的文档生成能力著称。本文将探讨FastAPI面试中的常见问题,包括路由、响应对象、Pydantic模型、数据库操作、中间件和错误处理。同时,还会指出一些易错点,如类型提示不准确、依赖注入误解,并提供实战代码示例。通过理解和实践FastAPI,可以在面试中展示出色的Web开发技能。
27 1
|
11天前
|
算法 网络协议 安全
HTTP 原理和面试题
HTTP 原理和面试题
|
1天前
|
JavaScript 前端开发
深入了解前端框架Vue.js的响应式原理
本文将深入探讨Vue.js前端框架的核心特性之一——响应式原理。通过分析Vue.js中的数据绑定、依赖追踪和虚拟DOM等机制,读者将对Vue.js的响应式系统有更深入的理解,从而能够更好地利用Vue.js构建灵活、高效的前端应用。
|
2天前
|
自然语言处理 前端开发 Java
深入浅出JVM(六)之前端编译过程与语法糖原理
深入浅出JVM(六)之前端编译过程与语法糖原理
|
4天前
|
前端开发 测试技术
前端自动化测试中的快照测试原理
快照测试用于前端自动化测试,通过比较当前应用状态与预存预期快照来检测UI变化。流程包括设置测试环境、捕获屏幕快照、保存预期快照、比较快照及处理差异。当快照比较出现差异时,测试工程师审查判断是否为预期变化或错误,确保应用一致性。这种方法在重构、样式更改和跨浏览器测试时提供有效回归测试,减少手动验证工作。
|
8天前
|
安全 Java
美团一面,面试官让介绍AQS原理并手写一个同步器,直接凉了
美团一面,面试官让介绍AQS原理并手写一个同步器,直接凉了
25 6
|
12天前
|
JavaScript 前端开发 数据安全/隐私保护
优秀的前端框架vue,原理剖析与实战技巧总结【干货满满】(二)
优秀的前端框架vue,原理剖析与实战技巧总结【干货满满】(二)
|
12天前
|
JavaScript 前端开发 Python
优秀的前端框架vue,原理剖析与实战技巧总结【干货满满】(一)
优秀的前端框架vue,原理剖析与实战技巧总结【干货满满】(一)
|
12天前
|
自然语言处理 前端开发 JavaScript
【Web 前端】什么是JS闭包?
【4月更文挑战第22天】【Web 前端】什么是JS闭包?
|
15天前
|
移动开发 前端开发 应用服务中间件
前端——html拖拽原理
前端——html拖拽原理
19 0