闭包以及匿名函数

闭包是什么?

背景:js中,无法从一个函数体外读取函数体内的变量,却可以从函数体内读取外部的变量。

2,闭包用处:

a-异步事件

b-同步事件

c-同步事件。

需求:a 执行完再执行b,再执行c

可以用个函数d把b ,c 包起来,d作为a的回调函数,

闭包语法:

1,新建一个函数体,

2,放于有所需变量的函数内部,并在新函数体内调用所需变量,

3,原函数return新建函数。

```

 function f1(){

    var n=999;

    function f2(){

      alert(n);

    }

    return f2;

  }

  var result=f1();

  result(); // 999

```

讲一下细节: return f2与return f2()的区别,

首先,var result =f1()  result()等价于f1()(),

console.log(f1)表示打印f1这个函数体,

console.log(f1())表示打印f1的return值,因为此处return的是一函数名,并没有加()执行,所以打印f2函数体。

console.log(f1()())表示打印n  //999

总之一句话f1指函数体,f1()指返回值。

再举个勉强的例子,比如,var result=f1(),其中f1体内return {}

就表示result是一个对象。


什么叫匿名函数?

我的理解是,一个没有名字的函数就叫匿名函数。跟函数的声明没关系。即函数声明方式可以转成匿名函数,函数表达式可以转成匿名函数。

简单点,凡是function(){}这种结构,并且左边没有=赋值给一个变量,或者:赋值给一个对象属性,那么就是匿名函数。所有位置的匿名函数中this都指向window(浏览器环境,node环境没测试)

图片发自简书App

细节:实验过,在全局环境下直接写function(){}会报错。同时写function(){}()也会报错,

写(function(){}())等立即执行函数体不会报错。

以上建立前提,全局环境下。


function(){}()跟(function(){})()的区别在于:

左边表示函数的调用,指向是return后面的值,

右边表示一个表达式,而不是一个函数。

此处应该有个例子的,不过我忘记我遇到的那个坑了。


匿名函数做闭包?怎么做?(ಡωಡ)

```

(function(){

        var jQuery = function(selector){

          return new jQuery.prototype.init(selector);

        }


            jQuery.prototype = {

                constructor : jQuery,

                init:function (selector){

                    var nodelist = document.querySelectorAll(selector);

                        for(var i = 0,len = nodelist.length;i<len;i++){

                        this[i] = nodelist[i];

                        }

                        this.length = len;


                        return this;


                }

            };

        window.$ = window.jQuery = jQuery;

        jQuery.prototype.init.prototype = jQuery.prototype;

    })();

```

把jQuery挂载到window.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,619评论 0 13
  • ● 闭包基础 ● 闭包作用 ● 闭包经典例子 ● 闭包应用 ● 闭包缺点 ● 参考资料 1、闭包基础 作用域和作...
    lzyuan阅读 1,047评论 0 0
  • 曾经夜里的雨落寞得像个孩子, 黄色也悄然渗入了树上的叶子, 虫儿安静的不敢发出声音, 水滴已吞噬了它的翅膀和脚丫,...
    眸莘阅读 271评论 0 0
  • 我的人生似乎就是在不断堕落中度过的,不是每一天的堕落,而是每一个阶段的堕落。 刚上初中,我的目标是一中,那时候的我...
    kdkdkdkd阅读 1,334评论 0 1
  • 该从何说起呢? 这是一个悲伤而又宽宏的故事。 “我叫黑麋鹿,大约算是最后一代纯正的苏族印第安人——不,或许已经不能...
    八月石楠and云间花落阅读 271评论 0 0

友情链接更多精彩内容