闭包以及匿名函数

作者: 斑翅果蝇 | 来源:发表于2018-10-02 12:22 被阅读15次

闭包是什么?

背景: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环境没测试)

闭包以及匿名函数

细节:实验过,在全局环境下直接写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.

相关文章

  • 后端程序员的 JavaScript 之旅 - 模块化(一)

    基础模式 匿名闭包 匿名闭包是很常用的代码隔离方式,声明匿名对象并立即执行。匿名函数中声明的变量和方法以及匿名函数...

  • 闭包以及匿名函数

    闭包是什么? 背景:js中,无法从一个函数体外读取函数体内的变量,却可以从函数体内读取外部的变量。 2,闭包用处:...

  • 理解javascript(匿名函数和闭包)这篇文章就够了

    匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数。 一.匿名函数 二:闭包 闭包的概念:闭包是指...

  • 闭包

    闭包 闭包和函数的区别:闭包可以储存一部分变量,函数不能,函数传什么有什么值 函数与匿名函数的区别,匿名函数可以完...

  • php闭包函数(Closure)

    匿名函数 提到闭包就不得不想起匿名函数,也叫闭包函数(closures),貌似PHP闭包实现主要就是靠它。声明一个...

  • PHP闭包(Closure)初探

    匿名函数 提到闭包就不得不想起匿名函数,也叫闭包函数(closures),貌似PHP闭包实现主要就是靠它。声明一个...

  • [正儿八经PHP]PHP闭包(Closure)初探

    匿名函数 提到闭包就不得不想起匿名函数,也叫闭包函数(closures),貌似PHP闭包实现主要就是靠它。声明一个...

  • chapter7 函数式编程

    闭包 匿名函数 装饰器 偏函数

  • 06-mini-web框架02

    闭包 多层函数的嵌套 内部函数用到外部函数的变量 函数、匿名函数、闭包、对象当做实参的区别 匿名函数嫩能够完成基本...

  • 高级函数(闭包,递归,深浅拷贝)

    闭包函数(closures) 闭包函数也叫 匿名函数闭包函数( closures ) 允许创建一个没有指定名称的函...

网友评论

    本文标题:闭包以及匿名函数

    本文链接:https://www.haomeiwen.com/subject/lnoooftx.html