博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[转]深入理解闭包(一)
阅读量:5023 次
发布时间:2019-06-12

本文共 1806 字,大约阅读时间需要 6 分钟。

闭包已经成为近乎神话的概念,它非常重要又难以掌握,而且还难以定义。本文就从闭包的定义说开去

古老定义

  闭包(closure),是指函数变量可以保存在函数作用域内,因此看起来是函数将变量“包裹”了起来

  那这样说来,包含变量的函数就是闭包

//按照古老定义,包含变量n的函数foo就是闭包function foo() {    var n = 0;}console.log(n)//Uncaught ReferenceError: n is not defined

 

定义一

  闭包是指可以访问其所在作用域的函数

  那这样说来,需要通过作用域链查找变量的函数就是闭包

//按照定义一的说法,需要通过作用域链在全局环境中查找变量n的函数foo()就是闭包var n = 0;function foo() {    console.log(n)//0}foo();

 

定义二

  闭包是指有权访问另一个函数作用域中的变量的函数

  那这样说来,访问上层函数的作用域的内层函数就是闭包

//按照定义二的说法,嵌套在foo函数里的bar函数就是闭包function foo(){    var a = 2;    function bar(){        console.log(a); // 2    }    bar();}foo();

 

定义三

  闭包是指在函数声明时的作用域以外的地方被调用的函数

  在函数声明时的作用域以外的地方调用函数,需要通过将该函数作为返回值或者作为参数被传递

【1】返回值

//按照定义三的说法,在foo()函数的作用域中声明,在全局环境的作用域中被调用的bar()函数是闭包function foo(){    var a = 2;    function bar(){        console.log(a); //2    }    return bar;}foo()();

  可以简写为如下表示:

function foo(){    var a = 2;    return function(){        console.log(a);//2    }}foo()();

【2】参数

//按照定义三的说法,在foo()函数的作用域中声明,在bar()函数的作用域中被调用的baz()函数是闭包function foo(){    var a = 2;    function baz(){        console.log(a); //2    }    bar(baz);}function bar(fn){    fn();}

  因此,无论通过何种手段,只要将内部函数传递到所在的词法作用域以外,它都会持有对原始作用域的引用,无论在何处执行这个函数都会使用闭包

 

IIFE

  IIFE是不是闭包呢?

  foo()函数在全局作用域定义,也在全局作用域被立即调用,如果按照定义一的说法来说,它是闭包。如果按照定义二和定义三的说法,它又不是闭包

var a = 2;(function foo(){    console.log(a);//2})();

  还有一个更重要的原因是,在requireJS出现之前,实现模块化编程主要通过IIFE,而在IIFE中常见的操作就是通过window.fn = fn来暴露接口,而这个fn就是闭包,而IIFE只是一个包含闭包的函数调用

(function(){    var a = 0;    function fn(){        console.log(a);     }    window.fn = fn;})()fn();

 

最后

  闭包定义之所以混乱,我觉得与经典书籍的不同解读有关。经典定义是犀牛书的原话,定义二是高程的原话

  但,归纳起来就是关于一个函数要成为一个闭包到底需要满意几个条件

  严格来说,闭包需要满足三个条件:【1】访问所在作用域;【2】函数嵌套;【3】在所在作用域外被调用

  有些人觉得只满足条件1就可以,所以IIFE是闭包;有些人觉得满足条件1和2才可以,所以被嵌套的函数才是闭包;有些人觉得3个条件都满足才可以,所以在作用域以外的地方被调用的函数才是闭包

转载于:https://www.cnblogs.com/xuzhudong/p/8945842.html

你可能感兴趣的文章
设计网站大全
查看>>
JVM CUP占用率过高排除方法,windows环境
查看>>
【转】JAVA字符串格式化-String.format()的使用
查看>>
【转】ButterKnife基本使用--不错
查看>>
【转】VS2012编译出来的程序,在XP上运行,出现“.exe 不是有效的 win32 应用程序” “not a valid win32 application”...
查看>>
函数中关于const关键字使用的注意事项
查看>>
微信架构(转)
查看>>
Web项目中的路径问题
查看>>
js随机数的取整
查看>>
关于解析漏洞
查看>>
十大经典预测算法(六)---集成学习(模型融合算法)
查看>>
用php做一个简单的注册用户功能
查看>>
一款基于css3的3D图片翻页切换特效
查看>>
Feign使用Hystrix无效原因及解决方法
查看>>
Sizeof与Strlen的区别与联系
查看>>
hadoop2.2.0_hbase0.96_zookeeper3.4.5全分布式安装文档下载
查看>>
Flutter 贝塞尔曲线切割
查看>>
golang 的编译安装以及supervisord部署
查看>>
easyui源码翻译1.32--Dialog(对话框窗口)
查看>>
阿里架构师,讲述基于微服务的软件架构模式
查看>>