博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
深入浅出—闭包(整理篇)适合新手
阅读量:5242 次
发布时间:2019-06-14

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

 

/**************作用域*****************/

首先理解闭包,就必须先理解JS特殊的变量作用域。

变量的作用域无非就是两种:全局变量和局部变量。

JS的特殊之处就是在于函数内部可以直接读取局部变量。

另一方面,在函数外部自然无法读取函数内的局部变量。、

需要注意的的是函数内部声明变量的时候,一定要使用var命令。如果不用的话,其实声明了一个全局变量。

如何从外部读取局部变量,就是在函数的内部,在定义一个函数。

既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!

Js代码

  function f1(){

    n=999;//全局变量

    function f2(){

      alert(n);
    }

    return f2;

  }

  var result=f1();

  result(); // 999

 

/************* 闭包**************/

1.概念
闭包就是能够读取其他函数内部变量的函数。

由于在JS中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。

所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

2.用途

闭包最大的用处有两个,一个便是可以读取函数内部的变量。另一个就是让这些变量的值始终保持在内存中。

3.使用闭包的注意点

由于闭包会使得函数值的变量都被保存在内存中,内存的消耗会很大,所以不能滥用闭包,否则会使网页的性能降低,在IE中可能会导致内存泄露问题。解决办法就是,在退出函数之前,将不适用的局部变量全部删除。

闭包会在父函数的外部,改变父函数内部变量的值,所以,如果你把父函数当做对象object使用,把闭包当做它的公用方法,把内部变量当做它的私有属性,这时,不能随便改变父函数内部变量的值。

 

/************* 闭包的应用机制**************/

通过保护变量的安全实现JS私有属性和私有方法(不能被外部访问)
function Constructor(...){
var that = this;
var membername = value;
function membername(...){...}
}
以上三点是闭包最基本的应用场景,很多经典案列都源于此。

 

/************* JS的垃圾回收garbage collection机制**************/

在JS中,如果一个对象不再被引用,那么这个对象就会被GC回收。如果两个对象互相引用,而不是被第三者所引用,那么两个互相引用的对象也会被回收,因为函数a被b引用,b又被a外的c引用,这就是为什么函数a执行后不会被回收的原因。

 

/************* 总结**************/

当内部函数在定义它的作用域的 外部被引用时,就创建了该内部函数的闭包,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被释放,因为闭包需要他们。

官方的解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式,通常是一个函数,其实通俗来讲,JS中所有的function都是一个闭包,不过一般来说,嵌套的function所产生的闭包更为强大,也就是我们大部分所谓的闭包。

 

如图所示,当在函数b中访问一个变量的时候,搜索顺序是:

先搜索自身的活动对象,如果存在则返回,如果不存在将继续搜索函数a的活动对象,依次查找,直到找到为止。

如果b存在prototype原型对象,则在查找完自身的活动对象后先查找自身的原型对象,再继续查找,这就是JS中的变量查找机制。
如果整个作用域链都无法找到,也就是找到object时,也没有,则返回undefined。

在文中会提到两个重要的词语,函数的定义与执行,文中提到的函数的作用域是在定义函数时候就已经确定,而不是在执行的时候确定。

例如:

function f(x) {

var g = function () { return x; }
return g;
}
var h = f(1);
alert(h());
这段代码中变量h指向了f中的那个匿名函数(由g返回)。

假设函数h的作用域是在执行alert(h())确定的,那么此时h的作用域链是:h的活动对象->alert的活动对象->window对象。

假设函数h的作用域是在定义时确定的,就是说h指向的那个匿名函数在定义的时候就已经确定了作用域。那么在执行的时候,h的作用域链为:h的活动对象->f的活动对象->window对象。
如果第一种假设成立,那输出值就是undefined;如果第二种假设成立,输出值则为1。

运行结果证明了第2个假设是正确的,说明函数的作用域确实是在定义这个函数的时候就已经确定了。

转载于:https://www.cnblogs.com/yangqiongfu/p/5043584.html

你可能感兴趣的文章
POJ 2289——Jamie's Contact Groups——————【多重匹配、二分枚举匹配次数】
查看>>
java 得到以后的日期
查看>>
[Kaggle] Sentiment Analysis on Movie Reviews
查看>>
python安装easy_intall和pip
查看>>
HDU1004
查看>>
MySQL高速缓存
查看>>
DropdownList绑定的两种方法
查看>>
价值观
查看>>
数值计算中,浮点类型给我们挖的坑
查看>>
(String)、toString、String.valueOf
查看>>
mongodb命令----批量更改文档字段名
查看>>
python多线程下载网页图片并保存至特定目录
查看>>
了解循环队列的实现
查看>>
CentOS 简单命令
查看>>
Linux中修改docker镜像源及安装docker
查看>>
数位dp(模板+例题)
查看>>
javascript中强制类型转换
查看>>
python学习笔记
查看>>
php+ajax(jquery)的文件异步上传
查看>>
使用 SharedPreferences 分类: Andro...
查看>>