Javascript 又爱又恨的闭包

在JavaScript中,函数是非常重要的,并且是一等公民:

那么就意味着函数的使用是非常灵活的;

函数可以作为另外一个函数的参数,也可以作为另外一个函数的返回值来使用;

所以JavaScript存在很多的高阶函数:

自己编写高阶函数

使用内置的高阶函数

目前在vue3+react开发中,也都在趋向于函数式编程:

vue3 composition api: setup函数 -> 代码(函数hook,定义函数);

react:class -> function -> hooks

闭包的定义


1.在计算机科学中对闭包的定义(维基百科):

闭包(英语:Closure),又称词法闭包(Lexical Closure)或函数闭包(function closures);

是在支持 头等函数 的编程语言中,实现词法绑定的一种技术;

闭包在实现上是一个结构体,它存储了一个函数和一个关联的环境(相当于一个符号查找表);

闭包跟函数最大的区别在于,当捕捉闭包的时候,它的 自由变量 会在捕捉时被确定,这样即使脱离了捕捉时的上下文,它也能照常运行;

2.MDN对JavaScript闭包的解释:

一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure);

也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域;

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

3.个人理解:

一个函数如果他可以访问外层作用域的自由变量,那么这个函数和周周的环境就是一个闭包

广义的角度来说js中的函数都是闭包

狭义的角度来说如果js中的一个函数访问了外层作用域的变量那么它是一个闭包


这段代码函数访问了外部的name,所以就是一个闭包

那么如果函数里什么都没有写,其实他是具有访问外层作用域的能力的,所以广义角度来说它和外层作用域也构成了闭包的结构

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容