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

今天继续在前端初级笔试题中被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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

百家饭OpenAPI

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值