每日一题:请解释什么是闭包(Closure)?并举一个实际的例子来说明。(前端初级)

news2024/9/30 17:32:15

今天继续在前端初级笔试题中被AI虐:

碱面的答案,问题:初级,回答:初级icon-default.png?t=N7T8https://bs.rongapi.cn/1702510598371151872/14我的回答如下:

闭包是指由大括号包裹的一个区域,这个区域代表了一个变量生效返回,javascript比较特别之处是var定义的变量会扩大到最上层函数的统一闭包中,而let定义的函数则只在当前闭包中生效,如果在闭包中定义了函数,则函数的闭包是定义函数的闭包,不止包括函数体本身 这是一个闭包的例子

function TestClosureJS(){ 
  var name = "hello world"
  var fn = function(){ 
    return function(){ 
      console.log("name:", name) 
    } 
  } 
  fn()() 
}

闭包其实是个常见的概念,围绕函数定义而来,

闭包是一个函数以及它所创建的环境的组合。这个环境包括了函数内部声明的变量,以及该函数可以访问的外部作用域中的变量。这意味着函数可以“记住”它被创建时的上下文,即使它在其他地方执行也能够访问到这些变量。

其实我个人觉得我答的也没问题,这个解释其实隐含一个逻辑,就是函数变量其实也是一个变量,当你定义一个变量时,他当然会和其他一起的变量共享一个上下文。

function TestClosureJS(){ 
  var name = "hello world"
  var fn = function(){ 
    return function(){ 
      console.log("name:", name) 
    } 
  } 
  fn()() 
}

比如上面这个闭包,其实他本质上来源昨天的上下文概念,是因为fn这个变量和name变量共享了上下文,导致了fn内部也可以访问name。

可能闭包这个概念是专门为函数中这种情况所做的特殊定义,而我的回答跳过了这个部分,导致的问题吧。

另外,闭包会跟随外部变量的值的更新而刷新值,比如稍作修改上面的代码

function TestClosureJS(){
	var name = "hello world"
	var fn = function(){
		return function(){
			console.log("name:", name)
		}
	}
    name = "bye";
	fn()()
}

会打印

name: bye

* 参考文档:闭包 - JavaScript | MDN (mozilla.org)

我做的笔试还有19个免费名额,可以在这获取:

前端初级20题icon-default.png?t=N7T8https://bs.rongapi.cn/1702510598371151872

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1025246.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【数据分享】我国六普的乡镇(街道)人口数据(免费获取)

人口数据是我们在各项研究中都经常使用的数据!人口数据的主要来源是人口普查,全国性的人口普查每十年进行一次。最近三次的人口普查分别是:2000年的第五次全国人口普查,简称五普;2010年的第六次全国人口普查&#xff0…

海外网红营销安全指南:品牌必须遵守的10大法律法规

随着互联网的普及和社交媒体的崛起,品牌们越来越倾向于与海外网红合作,以扩大其在全球市场的影响力。然而,这一战略并非没有风险,因为在不同国家和地区,存在着各种各样的法律法规,可能会影响品牌与海外网红…

JavaScript小案例-tab栏切换(可移除item)

gif效果图&#xff1a; 代码&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>tab栏切…

使用JQ获取并渲染三级联动分类数据

数据JSON格式 代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title> </he…

idea 使用 groovyScript 获取方法参数列表生成方法注释模板遇到的问题。

1、网上好多使用groovyScript来设置获取方法列表生成注释模板的代码&#xff0c;我这篇文章的是想讨论下这种方式存在的一个问题&#xff0c;希望有大佬能提供一个解决方案。 2、设置步骤什么的就省略了直接描述问题。 3、groovyScript代码段如下&#xff1a; groovyScript(…

SpringBoot统一返回处理遇到cannot be cast to java.lang.String问题

ResponseBodyAdvice 接口概述 1、ResponseBodyAdvice 接口允许在执行 ResponseBody 或 ResponseEntity 控制器方法之后&#xff0c;但在使用 HttpMessageConverter 写入响应体之前自定义响应&#xff0c;进行功能增强。通常用于 加密&#xff0c;签名&#xff0c;统一数据格式…

从零开始—【Mac系统】MacOS配置Java环境变量

系统环境说明 Apple M1 macOS Ventura 版本13.5.2 1.下载JDK安装包 Oracle官网下载地址 JDK下载【注&#xff1a;推荐下载JDK8 Oracle官网JDK8下载】 关于JDK、JRE、JVM的关系说明 JDK(Java Development Kit&#xff0c;Java开发工具包) &#xff0c;是整个JAVA的核心&#…

Mybatis学习笔记10 高级映射及延迟加载

Mybatis学习笔记9 动态SQL_biubiubiu0706的博客-CSDN博客 无论简单映射(前面所学的单表和对象之间的映射关系)还是高级映射 说到底都是java对象和数据库表记录之间的映射关系 准备数据库表:一个班级对应多个学生.班级表:t_class 学生表:s_stu(自增) 新建模块 项目整体结构 …

minio文件上传

1.代码 大佬仓库&#xff1a;https://gitee.com/Gary2016/minio-upload?_fromgitee_search 关于这个代码的讲解&#xff1a;来自b站 2.准备minio 参考&#xff1a;[1]、[2] 2.1 下载 官网&#xff1a;https://min.io/download#/windows 2.2 启动 ①准备一个data文件夹…

Vue.js模板语法[下](事件处理,表单综合案例,自定义组件)---详细讲解

一&#xff0c;事件处理 1. .stop&#xff1a;阻止事件冒泡。使用该修饰符可以阻止事件向父元素传播 2. .prevent&#xff1a;阻止默认事件。使用该修饰符可以阻止事件的默认行为。 3. .capture&#xff1a;使用事件捕获模式。默认情况下&#xff0c;事件是在冒泡阶段处理的&am…

第七章 查找 三、折半查找(二分查找)

一、代码实现 此代码只能用于查找有序的顺序表 typedef struct {int *e;int len; }SSTable;int Search_Seq(SSTable st,int t){int i0,jst.len-1,mid;while (i<j){mid(ij)>>2;if (t>st.e[mid]){imid1;} else if (t<st.e[mid]){jmid-1;} else{return mid;}}ret…

数字孪生行业相关政策梳理--工业领域相关政策(可下载)

自2021年国家“十四五”规划纲要提出“探索建设数字孪生城市”以来&#xff0c;国家发展和改革委员会、工业和信息化部、住房和城乡建设部、水利部、农业农村部等部门纷纷出台政策&#xff0c;大力推动数字孪生在千行百业的落地发展。这些政策不仅为数字孪生的应用提供了广阔的…

从烹饪一道菜看面向过程与面向对象编程

在编程世界中&#xff0c;面向过程和面向对象是两种主要的编程范式。它们各有优点&#xff0c;适用于不同的场景。让我们通过烹饪一道菜的例子来理解这两种编程范式。 面向过程编程 面向过程编程是一种基于过程的编程范式&#xff0c;它强调的是程序的执行顺序。在这种范式中…

E. Moment of Bloom

Problem - E - Codeforces 思路&#xff1a;这个题看到之后想到了不可能的情况&#xff0c;就是如果度为奇数就一定不可能实现都是偶数&#xff0c;但是后面就不知道怎么搞了。正解是欧拉定理的应用把算是&#xff0c;首先对于给定的q个要求&#xff0c;我们从a->b连一条边&…

win10 win11 停止系统自动更新方法

目录 方法一&#xff1a;使用注册表更改 1. 进入注册表 2. 进入如下目录 3. 新建 DWOED(32-位)值 4. 双击 FlightSettingsMaxPauseDays&#xff0c;选择十进制&#xff0c;左侧输入9999 5. 开头的天数已经变为9999天 方法二&#xff1a;停止自动更新的服务 1. 查询服务…

许少辉八一新著《乡村振兴战略下传统村落文化旅游设计》安徽站——2023学生开学季辉少许

许少辉八一新著《乡村振兴战略下传统村落文化旅游设计》安徽站——2023学生开学季辉少许

机器学习——pca降维/交叉验证/网格交叉验证

1、pca降维&#xff1a;目的是提升模型训练速度 定义&#xff1a; 使用方法&#xff1a;给训练数据或者测试数据进行降维处理 给训练数据降维 给测试数据降维&#xff1a;这里1就要用transform&#xff0c;而不是fit_transform&#xff0c;因为之前训练数据降维时特征已经确定…

争议不断:TikTok如何处理儿童数据隐私问题

在数字时代&#xff0c;社交媒体已经成为了人们生活中不可或缺的一部分&#xff0c;而TikTok&#xff0c;作为全球最热门的社交媒体平台之一&#xff0c;尤其受到年轻用户的喜爱。然而&#xff0c;伴随着TikTok的快速崛起&#xff0c;也涌现出了一系列的争议&#xff0c;其中最…

摸鱼也摸鱼之点灯游戏自动求解

游戏 变色方块 世上最难智力游戏 (yanhaijing.com) 脚本 新建文件夹&#xff0c;命名为Inverter 在文件夹下新建inverter.js文件&#xff0c;内容如下 "use strict";function getA() {let a [];let level parseInt(document.querySelector("#cur-level&q…

当当API接口开发系列(商品详情页面和按关键词搜索商品列表)

当当API接口开发需要先了解当当API的基本信息和功能。在使用当当API之前&#xff0c;需要先注册并获取API密钥&#xff0c;以确保安全性和权限控制。 当当API提供了多种接口&#xff0c;包括商品信息接口、订单接口、库存接口、价格接口、促销接口、购物车接口等。通过这些接口…