js闭包理解

文/michaelgbw

js作为一个“几乎统治宇宙”的语言,不光是对于我们web工程师来说,几乎所有领域的程序员都或多或少的和她产生过一段不可描述的关系,而闭包是js的一大特色,很多高级应用都要依靠闭包实现。当然js的闭包也是面试中的霸主(个人觉得第二个是tcp/ip的握手协议,哈哈哈~)

闭包,官方对闭包的解释是:
一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

闭包的特点:

  • 作为一个函数变量的一个引用,当函数返回时,其处于激活状态.
  • 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。
var n='666';
    function f1(){
        alert(n);
    }
    f1();

js语言的特殊之处,就在于函数内部可以直接读取全局变量。

我们再说下js匿名函数:

var a = "a";
    (function(){
        var a="b";
        alert(a);
    })();
    alert(a);

匿名函数的基本调用方式是(function(){})();后面可以跟一个或多个参数,多个就是链式调用如:

(function(o){
        alert(o);
        return arguments.callee;
    })('a')('b');

可以看到闭包是全局变量不污染的

什么,这个还简单,比较好理解,好的,之前看到了一个面试题,po出来和大家一起研究下吧。

function foo(){
        getName = function (){
            alert(1);
        };
        return this;
    }
    foo.getName=function (){
        alert(2);
    };
    foo.prototype.getName = function (){
        alert(3);
    };
    var getName = function (){
        alert(4);
    };
    function getName(){
        alert(5);
    }

    //写出以下结果
    foo.getName();
    getName();
    foo().getName();
    getName();
    new foo.getName();
    new foo().getName();
    new new foo().getName();

.
.
.
.
.

答案分别是2 4 1 1 2 3 3

我们分别分析下

第一问没什么说的。
第二问直接调用getName()函数,所以和1,2,3没关系,但究竟是4,还是5呢?4,4和5都是声明语句,区别是4是函数表达式,5是函数声明,函数表达式最大的问题是他会被拆分成两个,即var getNamw 和 getName = function()来执行,所以会覆盖函数声明。
第三问,foo() return 的是this,就是函数本身,再调用getName()方法即可,为1。
第四问,直接调用相当于window.getName(),但在第三问中已经被改变了,注意function foo(){
getName = function (){
alert(1);
};
return this;
}
是没有var 的,getName作为全局变量被改变。
第五问,'.'的优先级高于new 作为我们把它改写下 new (foo.getName)();所以相当于foo.getName()被当成匿名函数执行了,所以为2。
第六问,这个就比较冷了,相当于( new foo()).getName();而在js中 构造函数返回值要是基本类型如 foo(){ return 1}是和没返回值没什么区别的,而一旦是 foo(){ return {a:1}}这样一个对象的话就返回这个引用类型,所以是返回的this,就返回了当前对象的原型对象中寻找getName(),找到了就是3。
第七问,我们接着改写,new(new (foo()).getName())();就是第六问中的原型链中的3在构造函数来一次,还是3。

怎么样,大家都答对了吗

反正我是没有,这可能有点钻牛角尖,大家都采用自已喜欢的开发模式开发即可,但要知道大多数情况是要合作开发的,那么别人的代码风格是不是也应该有所了解呢?~~

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

推荐阅读更多精彩内容

  • 举一个例子来说明闭包: 上述代码中每次执行m(),a的值都会加1。 例子的原理 因为上述代码中当执行A()的时候,...
    xiaoguo16阅读 229评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,598评论 18 139
  • 最近在网上看了一道有关前端的面试题感觉很不错,就在这里分享给大家。 题目: function Foo() { g...
    穿越人海遇见你阅读 990评论 0 12
  • 解释原因 var i,实际上声明了一个全局变量 延迟函数timer必然是在循环结束后才开始执行,循环结束后,i=6...
    许道龙阅读 225评论 0 0
  • 题目如下: 答案是: 此题涉及的知识点众多,包括变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量...
    WEB攻程狮阅读 1,007评论 4 39