每日一题：请解释什么是闭包（Closure）？并举一个实际的例子来说明。（前端初级）

news/2024/6/17 12:52:10 标签: 前端

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

碱面的答案，问题：初级，回答：初级https://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题https://bs.rongapi.cn/1702510598371151872