帮你精通JavaScript:什么是闭包?

开发 前端
Closure闭包是编程语言Lexical Scoping的专有属性,区别于dynamic scoping。即函数执行调用的是其在定义过程中的”变量定义域“,而非其在调用时候的变量定义域。

[[375624]]

 一 、词法定义域 Lexical

Closure闭包是编程语言Lexical Scoping的专有属性,区别于dynamic scoping。即函数执行调用的是其在定义过程中的”变量定义域“,而非其在调用时候的变量定义域。

Javascript的函数的初始状态不仅包括函数本体而且包括函数定义过程所在的定义域。

  • Like most modern programming languages, JavaScript uses lexical scoping. This means that functions are executed using the variable scope that was in effect when they were defined, not the variable scope that is in effect when they are invoked. In order to implement lexical scoping, the internal state of a JavaScript function object must include not only the code of the function but also a reference to the scope in which the function definition appears. This combination of a function object and a scope (a set of variable bindings) in which the function’s variables are resolved is called a closure in the computer science literature.

看下面的例子:

  1. function makeCounter () { 
  2.     let counter = 0; 
  3.     return function() {return counter++;}; 
  4. let counter = makeCounter(); 
  5. console.log(counter()); 
  6. console.log(counter()); 
  7. console.log(counter()); 
  8.  
  9. #+RESULTS: 
  10. : 0 
  11. : 1 
  12. : 2 

 对这个嵌套函数而言,最有意思的一点是:当外部函数被调用返回后(这里是makeCounter()), 再也没有任何手段能够触及到 counter 这个变量。只有内嵌函数拥有专属权限抵达该变量。

二、Closure的标准定义

开发者通常应该都知道“闭包”这个通用的编程术语。

闭包 是指内部函数总是可以访问其所在的外部函数中声明的变量和参数,即使在其外部函数被返回(寿命终结)了之后。在某些编程语言中,这是不可能的,或者应该以特殊的方式编写函数来实现。但是如上所述,在 JavaScript 中,所有函数都是天生闭包的(只有一个例外,将在 "new Function" 语法 中讲到)。

也就是说:JavaScript 中的函数会自动通过隐藏的 [[Environment]] 属性记住创建它们的位置,所以它们都可以访问外部变量。

在面试时,前端开发者通常会被问到“什么是闭包?”,正确的回答应该是闭包的定义,并解释清楚为什么 JavaScript 中的所有函数都是闭包的,以及可能的关于 [[Environment]] 属性和词法环境原理的技术细节。

 

责任编辑:姜华 来源: 今日头条
相关推荐

2019-11-07 21:51:18

闭包前端函数

2019-07-09 10:43:57

JavaScriptWeb前端

2021-02-21 16:21:19

JavaScript闭包前端

2011-05-25 14:48:33

Javascript闭包

2020-10-14 15:15:28

JavaScript(

2021-04-01 10:16:01

EmacsJavaScript elisp

2011-08-03 08:59:46

JavaScript

2017-09-14 13:55:57

JavaScript

2016-09-14 09:20:05

JavaScript闭包Web

2009-07-24 17:30:37

Javascript闭

2012-11-29 10:09:23

Javascript闭包

2016-09-18 20:53:16

JavaScript闭包前端

2017-05-22 16:08:30

前端开发javascript闭包

2009-03-17 15:36:29

JavaScript循环事件

2010-06-23 10:24:42

Javascript闭

2021-03-06 09:18:51

JS闭包函数

2011-03-02 12:33:00

JavaScript

2011-05-12 18:26:08

Javascript作用域

2011-05-30 14:41:09

Javascript闭

2022-09-02 17:26:18

Golang闭包
点赞
收藏

51CTO技术栈公众号