Javascript嵌套函数的调用

这里其实还是讲讲我对javascript闭包的认识。js中闭包就是以嵌套函数的外表出现的。内容是我自己琢磨的,我估计如果这个问题了解很清楚的话,javascript的闭包就没有问题了。其实这里探讨的是一个非常司空见惯,但是可能很多人没有注意的细节。

我先提一个问题:javascript中嵌套在函数里面的函数在什么时候进行调用和执行呢?

这个问题可以简单也可以很复杂。

为了理解这个问题需要知道的知识点是:* 1* javascript函数的作用域,尤其是嵌套在外函数里面的内部函数的作用域。2 javascript中的事件循环机制。3 javascript函数调用或执行时候的标志

1 js函数作用域。你可以把js的嵌套函数看做一个字 。就是这个字,其实我想用这个字。 坐牢的囚犯被监狱的深墙与外界隔离。
囚犯的活动空间就在监狱以内。 大墙内的东西囚犯是可以用的。

//这是一个嵌套函数,内部函数从外部函数中返回
    var Prison=function() {  
        var food='rice';
            return Prisoner(){ //如果没有这个return是什么情况呢?
                return food;
                };
    }

以下代码在chrome浏览器下调试

图.1 内部函数没有return的情况
图.2内部函数return的情况

上面就是嵌套函数的作用域,内部函数单独调用是不行的。注意图2,当我们调用外层函数Prison()的时候,由于内部函数return了。所以console会打印出这个函数的函数定义体。 如果把这个函数体赋值给变量makePrisoner,就可以调用了。嘿嘿,微妙的地方就在这里了

好了,如果注意到这个微妙的地方,再来看看第二个问题,在嵌套函数中的时间循环问题。 当我想到嵌套在外部函数内部的函数,当他在调用或执行的时候也会进入事件循环的时候 问题似乎一下就清楚了。
这个地方的概念也是解决回调函数丢失外部函数调用对象的问题的原因。还记得 var that=this吗? 在这里我会把这个问题讲明白。

如果是开始的代码块,一个外部函数,嵌套一个内部函数。 注意下面这个概念,我自己总结的,不知道得当与否?

1 Prison()函数调用的时候,他首先会进入js单线程的事件执行队列中,进行排队。等待事件循环队列排在他前面的任务完成。
2 前面没有其他任务的时候,就可以执行Prison()的具体过程。如图2执行的结果是把返回的内部函数的引用赋值给makePrisoner。
3过了半个小时以后,我想起来了有个函数要执行,于是在命令行执行makePrisoner()
4 makePrisoner并没有立即执行,他也会进入事件循环队列进行排队,等待执行。
5 前面排队的函数都执行完了,这才执行makePrisoner的具体过程,就是返回 字符串 rice

上面这个总结的过程非常微妙,细节就在于嵌套的函数的分部执行过程,尽管内部函数嵌套在外部函数内,但是外部函数并没有影响内部函数的权利,内部函数的执行是不受外部函数控制的。
如果是寻找函数执行的标记,那么既然有外部函数和内部函数,调用的时候会有两队括号出现 , Prison(), makePrisoner();后面这个函数其实是Prisoner函数的引用,定义在js字面量对象或者数组里的函数,其实都可以传引用。

如果上面这个事件循环的过程理解了,我们先来解决一下var that=this这个问题

 //也是嵌套函数
  function closureExample(objID, text, timedelay) { 
    setTimeout(function() { 
        document.getElementById(objID).innerHTML = text; 
    }, timedelay); 
} 
closureExample(‘myDiv’, ‘Closure is created’, 500);//外部函数执行
//经过500毫秒以后,setTimeout函数自执行,这个函数是自动返回的

javascript-This全面解析中我,写了一句话,js中一个函数在调用的时候一定会绑定在一个对象上
上面这个代码块外部函数和内部函数在不同的时间调用,调用时绑定的是什么对象? 恰好第一个函数和第二个函数执行的时候,眼睛观察到的调用是看不到对象,所以执行的是默认绑定,都默认绑定在全局对象window上(浏览器环境)。这是碰巧偶遇了。看看下面这个段代码

function closureExample() {
    var that = this; // 通过变量捕获this的引用
    setTimeout( function(){
        console.log( that.a ); //console.log(this.a);会有什么结果?
    }, 100 );
}

var obj = {
    a: 2
};

closureExample.call( obj ); // 2 ,closureExample函数调用的时候通过
//call硬绑定了obj对象,this就是obj对象的引用

上面这段代码closureExample函数调用的时候,通过call方法绑定在obj对象上。 当100毫秒以后setTimeout函数调用时,closureExample函数调用已经结束了(因为closureExample排在事件循环队列的前面),这个时候setTimeout()找不到优先级别更高的对象,也默认绑定在全局window对象上(浏览器环境)。
closureExample执行时候绑定的对象和setTimeout执行时候绑定的对象不同了。为什么会不同呢? 外部函数和内部函数是两个不同的事件循环位置,独立调用的,嵌套在一起并不表示会一起执行。写在一起,但是执行时分开的。 上面的函数 setTimeout的时间改为0毫秒,也是两个独立的调用过程。

如果使用了var that=this.情况就不同了。囚禁在函数内部的函数可以捕获外部函数的局部变量,使用var that=this就完成了对外部函数调用时候绑定对象的引用赋值。这样内部函数就可以通过对象引用来使用外部函数绑定的那个对象。内部函数的this仍然指向自身调用时绑定的对象。 这就是内部函数丢失外部函数调用绑定对象的原因。

闭包函数可以对抗javascript的垃圾回收机制,根源也在于闭包的嵌套函数,内外两个函数的独立事件循环调用。 解释器找到嵌套函数的时候,会建立一个调用栈,如果是一个函数就标记为0,当这个函数执行完了以后,就立即回收。 闭包的嵌套函数就不同了,由于有两个函数,调用栈就标记为1, 表示内部还有函数,这个函数不知道什么时候才执行,所以js引擎就把他保存在内存中了。

关于js闭包函数对抗垃圾回收机制。有个故事非常生动的描述了这个过程。 说有老人楼上住着一个年轻人,每天晚上回来都会脱鞋,动静挺大,我们都知道鞋都是两只嘛。 当脱掉一只的时候,老头就会等第二只落地以后才能休息,但是第二只鞋什么时候落地呢?

好了,这个问题讲完了,如果仔细看完,我觉得对js会有一个更深的体会。有什么写的不对的地方希望大家指出。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,744评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,505评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,105评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,242评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,269评论 6 389
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,215评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,096评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,939评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,354评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,573评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,745评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,448评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,048评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,683评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,838评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,776评论 2 369
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,652评论 2 354

推荐阅读更多精彩内容