js高阶函数

末蓝、 2022-08-28 14:49 194阅读 0赞

> 高阶函数？

*  两种应用方式可称之为高阶函数
    
    1.  函数内部返回一个函数，外层函数可以叫做高阶函数

function A() { 
      return function () { };
     }

1.  函数的参数是一个函数，也是高阶函数

function A(B) { 
       B();
     }

> 举一个应用场景 (AOP)

*  AOP:即面向切面编程，可以理解为不动原有业务逻辑，额外增量扩展功能

// DEMO
    function core(...args) { 
      // 这是原有业务，我们希望不动这个原有业务，增量扩张，此时用到AOP的思路
      // 我想在这扩展......
      console.log(args); // 原业务
      // 我想在这扩展......
    }

> 前置功能扩展

Function.prototype.before = function (cb) { 
      return (...args) => { 
        cb(); //额外以回调函数(高阶函数)方式扩展了一个前置功能
        this(...args); // this是谁？箭头函数不存在this，所以当前尖头函数没有怎么办？往上找...this最终指向调用者，也就是core
      };
    };

> 后置功能扩展

Function.prototype.after = function (cb) { 
      return (...args) => { 
        this(...args);
        cb(); // 额外以回调函数方式(高阶函数)扩展一个后置功能
      };
    };

> 调用

let newFunc_before = core.before(() => { 
      console.log("before");
    });
    let newFunc_after = core.after(() => { 
      console.log("after");
    });
    
    newFunc_before(1, 2, 3);
    newFunc_after("a", "b", "c");

> 疑问？闭包是高阶函数吗？

*  嗯…闭包确实是一个高阶函数，满足上述两个条件之一，即算高阶函数

> 附录：何为闭包？

// 一个函数定义和执行不在一个作用域必然形成闭包
    function package() { 
      return function () { };
    }
    // 典型闭包，一旦调用

*  package(); // 执行的其实是内部函数，package内部函数一直在被使用package就不会被回收（gc原理），所以才有闭包。

发表评论取消回复

表情：

评论列表（有 0 条评论，194人围观）

还没有评论，来说两句吧...

相关阅读

相关高阶函数 JS

高阶函数是可以将其他函数作为参数或返回函数作为其结果的函数。这个概念在 JavaScript 中启用了强大而灵活的编程技术。这是一个解释和例子：在 JavaScript 中

缺乏、安全感/ 2024年03月16日 14:40/ 0 赞/ 44 阅读

相关高阶函数 JS

高阶函数是可以将其他函数作为参数或返回函数作为其结果的函数。这个概念在 JavaScript 中启用了强大而灵活的编程技术。这是一个解释和例子：在 JavaScript 中

Love The Way You Lie/ 2023年10月12日 11:16/ 0 赞/ 20 阅读

相关 js的高阶函数

js的高阶函数就是接受的参数是一个函数的函数或者返回值是一个函数的函数情况一： function fn(a,b,callback){ //创建函数

「爱情、让人受尽委屈。」/ 2023年07月15日 04:54/ 0 赞/ 39 阅读

相关高阶函数

高阶函数是接受函数作为参数并且/或者返回函数作为输出的函数. 函数作为参数传递是JavaScript规范的一部分.JavaScript作为一门语言将函数作为数据,允许函数替代

男娘i/ 2023年07月06日 06:10/ 0 赞/ 47 阅读

相关 js高阶函数

> 高阶函数？两种应用方式可称之为高阶函数 1. 函数内部返回一个函数，外层函数可以叫做高阶函数 function A() {

末蓝、/ 2022年08月28日 14:49/ 0 赞/ 195 阅读

相关高阶函数（一）

> 原文链接：[https://github.com/enbandari/Kotlin-Tutorials][https_github.com_enbandari_Kotlin

电玩女神/ 2022年06月08日 10:56/ 0 赞/ 333 阅读

相关 Scala 高阶函数

Scala 高阶函数 Scala混合了面向对象和函数式的特性。在函数式编程语言中，函数是“头等公民”，可以像任何其他数据类型一样被传递和操作。每当你想要给算法传入明细动作

痛定思痛。/ 2022年06月08日 00:20/ 0 赞/ 323 阅读

相关高阶函数(1)

高阶函数高阶函数至少满足以下条件：函数可以作为参数被传递函数可以作为返回值输出 JavaScript中高阶函数类型 1.回调函数

淩亂°似流年/ 2022年06月07日 12:10/ 0 赞/ 258 阅读

相关 scala高阶函数

1.作为值的函数 import scala.math._ object Test extends App { //scala中函数是头等

r囧r小猫/ 2021年12月13日 04:14/ 0 赞/ 396 阅读

相关高阶函数

百度百科的解释：在数学和计算机科学中，高阶函数是至少满足下列一个条件的函数: ①接受一个或多个函数作为输入； ②输出一个函数第一个条件就是：函数作为参数传入

灰太狼/ 2021年08月19日 15:42/ 0 赞/ 533 阅读