有可能是世界上最简单的高阶函数

题目加个之一呗，有可能是世界上最简单的高阶函数之一

哈哈，今天想和大家聊聊编程中一个特别有意思的话题——高阶函数。说实话，我刚学编程的时候看到这个概念也是一头雾水，emmm...什么函数套函数，参数传函数的，简直让人怀疑人生。

从翻倍数组开始

说到这个，让我想起自己刚学编程时的经历。那时候老师让我们写一个把数组每个值翻倍的功能，我大概是这么写的：

let arr = [1, 2, 3];
let newArr = [];
for(let i = 0; i < arr.length; i++) {
    newArr.push(arr[i] * 2);
}
console.log(newArr); // [2, 4, 6]

简单粗暴，完美完成任务！但后来需求变了，要翻3倍、4倍...我就开始疯狂复制粘贴改数字，代码瞬间变得又臭又长。

函数封装的艺术

emmm...这时候聪明的你肯定想到了——封装成函数嘛！就像把重复的穿搭公式记在小本本上一样：

function doubleArray(arr) {
    let newArr = [];
    for(let i = 0; i < arr.length; i++) {
        newArr.push(arr[i] * 2);
    }
    return newArr;
}

但问题来了，只能翻2倍也太不灵活了吧？于是我又加了个参数：

function multiplyArray(arr, times) {
    let newArr = [];
    for(let i = 0; i < arr.length; i++) {
        newArr.push(arr[i] * times);
    }
    return newArr;
}

高阶函数的诞生

说到这个，最精彩的部分来了！有一天产品经理说要把数组变成对象格式，比如1变成{id:1, name:"name1"}。这时候我才恍然大悟——原来我们缺的不是数据，而是一个"处理过程"！

于是高阶函数闪亮登场：

function map(arr, mapper) {
    let newArr = [];
    for(let i = 0; i < arr.length; i++) {
        newArr.push(mapper(arr[i]));
    }
    return newArr;
}

// 翻两倍
map([1,2,3], item => item * 2);

// 变成对象
map([1,2,3], item => ({id: item, name: `name${item}`}));

编程的终极真理

说实话，经过这些年的编程实践，我发现了一个超级简单的真理：所有程序本质上就是数据和流程的组合。就像做菜，数据就是食材，流程就是烹饪方法。

高阶函数听起来高大上，其实就是在说："我这里缺个处理过程，你给我个函数呗！" 就这么简单！

对了，你们知道吗？React的useState、useEffect这些钩子函数，本质上也是高阶函数的应用。当你理解了这个核心概念后，学什么框架都特别快。

我的踩坑经历

emmm...说到学习，我必须坦白，我当初理解高阶函数花了好长时间，似懂非懂！试过看各种教程，最后发现还是得自己动手写几个例子才能真正明白。

我最开始总是纠结"为什么要函数套函数"，后来才明白，这就像乐高积木——你把小积木(函数)组合成大积木(高阶函数)，就能搭出更复杂的结构。

给初学者的建议

先写具体实现，再思考如何抽象

从简单需求开始，逐步增加复杂度

多问自己："这里缺什么？数据还是处理逻辑？"

记住啊，编程不是背概念，而是理解背后的思想。就像学做菜不是背菜谱，而是理解烹饪原理。

作者：盏灯

链接：https://juejin.cn

+友情链接