ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

高阶函数2闭包-箭头函数-generator

2022-04-15 00:00:07  阅读:161  来源: 互联网

标签:闭包 function arr return 函数 generator sum var


------------恢复内容开始------------

闭包:

函数作为返回值

高阶函数除了可以接受函数作为参数外,还可以把函数作为结果值返回。

我们来实现一个对Array的求和。通常情况下,求和的函数是这样定义的:

    

function sum(arr) {
    return arr.reduce(function (x, y) {
        return x + y;
    });
}

sum([1, 2, 3, 4, 5]); // 15

如果不需要立刻求和,而是在后面的代码中,根据需要再计算怎么办?可以不返回求和的结果,而是返回求和的函数!

function lazy_sum(arr) {
    var sum = function () {
        return arr.reduce(function (x, y) {
            return x + y;
        });
    }
    return sum;
}
var f = lazy_sum([1, 2, 3, 4, 5]); // function sum()

f(); // 15
 

    请再注意一点,当我们调用lazy_sum()时,每次调用都会返回一个新的函数,即使传入相同的参数

var f1 = lazy_sum([1, 2, 3, 4, 5]);
var f2 = lazy_sum([1, 2, 3, 4, 5]);
f1 === f2; // false

  f1()f2()的调用结果互不影响。

 

 

 闭包

 

function count () {
      var arr = [];
      for (var i = 1; i <= 3; i++) {
        arr.push(function () {
          return i * i 
        });
      }
      return arr;
    }

    var results = count();
    var f1 = results[0]
    var f2 = results[1]
    var f3 = results[2]
    console.log(f1());
    console.log(f2());
    console.log(f3());

 

 

箭头函数

 

x => x * x
上面的箭头函数相当于:

function (x) {
    return x * x;
}

this

.....

 

generator

....

 

  

 

标签:闭包,function,arr,return,函数,generator,sum,var
来源: https://www.cnblogs.com/fuqingfa/p/16147185.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有