作用域与闭包(2)

1、闭包
当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行。

function foo()
{
    var a = 2;
    function bar()
    {
        console.log(a);
    }
    return bar;
}
bar baz = foo();
baz(); //2,这就是闭包

基于词法作用域的查找规则(RHS引用查询),函数bar()可以访问外部foo()作用域中的变量a。然后我们将bar()函数本身当作一个值类型进行传递。在foo()执行后,其返回值,实际上只是通过不同的标识符引用调用了内部函数bar()。

因为bar()是在自己定义的词法作用域以外的地方执行,bar()拥有涵盖foo()内部作用域的闭包。所以foo()执行后其内部作用域不会被销毁。

function wait(message)
{
    setTimeout(function timer()
    {
        console.log(message);
    }, 1000);
}
wait("hello, closure!");

将一个内部函数(timer)传递给setTimeout()。timer具有涵盖wait()作用域的闭包,因此还保有对变量message的引用。深入到引擎的内部原理中,内置的工具函数setTimeout()持有对一个参数的引用。引擎会调用这个函数(timer),而词法作用域在这个过程中保持完整——闭包。

2、循环和闭包

for (var i = 1; i <= 5; i++)
{
    setTimeout(function timer()
    {
        console.log(i);
    }, i * 1000);
}

我们期待这段代码行为是分别输出数字1~5,每秒一次,每次一个。但实际上,输出的是以每秒一次的频率输出五次6。我们试图假设循环中的每个迭代在运行时会给自己捕获一个i的副本。但根据作用域的工作原理,实际情况是尽管循环中的五个函数是在各个迭代中分别定义的,但是它们都被封闭在一个共享的全局作用域中,因此只有一个i。
用IIFE解决:

for (var i = 1; i <= 5; i++)
{
    (function(j)
    {
        setTimeout(function timer()
        {
            console.log(i);
        }, i * 1000);
    })(i);
}

用块作用域解决:
使用IIFE在每次迭代时都创建一个新的作用域。也就说每次迭代需要一个块作用域。

    
for (let i = 1; i <= 5; i++)
{
    setTimeout(function timer()
    {
        console.log(i);
    }, i * 1000);
}

块作用域本质上是将一个块转换成一个可以被关闭的作用域。

3、模块

function CoolModule()
{
    var something = "cool";
    var another = [1, 2, 3];
    function doSomething()
    {
        console.log(something);
    }
    function doAnother()
    {
        console.log(another.join("i"));
    }
    return
    {
        doSomething : doSomething,
        doAnother : doAnother
    };
}
var foo = CoolModule();
foo.doSomething(); //cool
foo.doAnother(); //1!2!3

首先,CoolModule()只是一个函数,必须要通过它来创建一个模块实例,其次,CoolModule()返回一个用对象字面量语法{key:value}来表示的对象。这个返回的对象中含有对内部函数而不是内部数据变量的引用。保持内部数据变量是隐藏私有的状态。可以将这个对象类型的返回值看作本质上是模块的公共API。
模块模式需要具备两个必要条件:

  1. 必须有外部的封闭函数,该函数必须至少被调用一次(每次调用都会创建一个新的模块实例)
  2. 封闭函数必须返回至少一个内部函数,这样内部函数才能在私有作用域中形成闭包,并且可以访问或者修改私有的状态。

现代的模块机制

var MyModules = (function Manager(){
    var modules = {};
    function define(name, deps, impl){
        for (var i = 0; i < deps.length; i++){
            deps[i] = modules[deps[i]];
        }
        modules[name] = impl.apple(impl, deps);
    }
    function get(name){
        return modules[name];
    }
    return{
        define : define,
        get : get
    }
})();

这段代码的核心是modulus[name] = impl.apply(impl,deps)。为了模块的定义引入了包装函数,并且将返回值存储在一个根据名字来管理的模块列表中。

MyModules.define("bar", [], function (){
    function hello(who){
        return "Let me introduce: " + who;
    }
    return{
        hello : hello
    };
});
MyModules.define("foo", ["bar"], function (bar){
    var hungry = "hippo";
    function awesome(){
        console.log(bar.hello(hungry).toUpperCase());
    }
    return{
        awesome : awesome
    };
});
var bar = MyModules.get("bar");
var foo = MyModules.get("foo");
console.log(bar.hello("hippo")); // Let me introduce: hippo
foo.awesome(); // LET ME INTRODUCE: HIPPO

foo和bar模块都是通过一个返回公共API的函数来定义的。foo甚至接受bar的示例作为依赖参数,并能相应地使用它。

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

推荐阅读更多精彩内容