博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript备忘录-闭包
阅读量:4918 次
发布时间:2019-06-11

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

var arr = new Array();function Person() {    for (var i = 0; i < 10; i++) {        //要记住,这个属性函数申明,只有立即执行才会取scope属性        var item = function () {           return i;        };        arr.push(item);    }}Person();arr[0]();

这个代码执行person();首先完成初始化。注意因为i不是内部匿名函数的属性,所以i并没有当做匿名函数的属性来完成初始化。

然后执行arr[0]()。因为上面的缘故,执行匿名函数的时候回去Person()父级中查找变量i,因为这个时候初始化工作完成之后i=10了,所以最终输出的是10。而不是0。

如果我们想实现输出为0。那么我们必须这样:

var arr = new Array();function Person() {    for (var i = 0; i < 10; i++) {        //要记住,这个属性函数申明,只有立即执行才会取scope属性        var item = function (num) {            return num;        }(i);        arr.push(item);    }}Person();alert(arr[0]);

这样可与将i做为局部变量传递给匿名函数作为参数。另外,匿名函数item对于外界不再可见

为了更好滴理解,再举一个简单的例子:

function f(x) {    var g = function () { return ++x; };    return g;} //函数返回的是函数gvar h = f(1); //变量h指向函数f的内部函数g,因此,函数f对象会一直保存在内存中,它的变量x当然也会保存在内存中。alert(h());alert(h());

这个分别输出2和3。不难理解:因为执行匿名函数g的时候会现在方法内部查找x,没有的话继续去f找x找到了。第一次自加=2。第二次自加=3。

打个不恰当的比喻:英格兰这是大不列颠帝国的一部分,那么如果英格兰的GDP总量增长了,那么对于大不列颠帝国的GDP总量肯定是有正相关的影响。

因为当函数f的内部函数g被函数f外的一个变量h引用的时候,就创建了一个闭包。这个时候x变量一直维持在内存中。而变量h是函数g本身(由此可见闭包可以让我们在函数的外部引用函数内部的函数)。所以多次执行h()实际上变量x做了累加。

而如果想剔除这个外部变量x对函数g的影响的话。就需要这么做:

function f(x) {    var g = function () { return ++x; }(x); //作用是创建了函数g的副本。    return g;}//函数返回的是执行状态下的gvar h = f(1);alert(h);alert(h);

这个时候h实际上不是函数g本身了,而是处于调用状态下的g了(执行结果)。因此f函数内部的函数g是不可见的,无论变量h被引用多少回(都是在重复调用同一个执行结果),输出始终是2

再打个不恰当的比喻:如果这个时候英格兰闹独立了,并且最终页独立了。那么英格兰GDP的增长再也不会关大不列颠帝国什么事儿了(当然如果从哲学上来讲与一事物想联系的周围事物影响其发展)。

注:上面的变量h指向处于调用状态的函数g。也就是说f(1)相同于函数自动执行了。

如果想是某个函数自动执行就可以这么做。例如,我想让整个函数自动执行就如下即可:

(function f(x) {    var g = function () { return ++x; }(x);     return g;})(1);

  

 

 

写得比较好的:

                   

posted on
2015-04-19 12:22 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/fengchengjushi/p/4438906.html

你可能感兴趣的文章
包含单引号的sql
查看>>
HTML 基础 2
查看>>
Java 最常见 200+ 面试题全解析:面试必备(转载)
查看>>
LinkedList
查看>>
Spring框架下PropertyPlaceholderConfigurer类配置roperties文件
查看>>
SQL查询优化
查看>>
使用子查询
查看>>
SD卡调试关键点
查看>>
Hadoop HBase Phoenix 版本
查看>>
深入Java集合学习系列:ConcurrentHashSet简单实现
查看>>
[原创]独立模式安装Hive
查看>>
Spark MLlib Deep Learning Convolution Neural Network (深度学习-卷积神经网络)3.1
查看>>
LeetCode My Solution: Minimum Depth of Binary Tree
查看>>
Objective-C中的Category(分类)
查看>>
浅谈python可迭代对象,迭代器
查看>>
python 多分类任务中按照类别分层采样
查看>>
Java(23)_ String类常用方法
查看>>
IOS开发网络篇—XML介绍
查看>>
Spider-four
查看>>
asp.net中动态修改网页Title的几种方法
查看>>