理解JS高阶函数，动手写一个高阶函数

如果你正在学习 JavaScript，那么你应该见过高阶函数这个术语。 它虽然听起来很复杂，但其实并不难。使 JavaScript 适合函数式编程的原因是它接受高阶函数。高阶函数在 JavaScript 中广泛使用。 如果你已经用 JavaScript 编程了一段时间，你可能已经在不知不觉中用过它们了。

高阶函数误区：高阶函数不是指参数有函数参数，然后返回值是函数的函数。

我的理解：高阶函数指形参带有函数参数，并且这个高阶函数使用到了函数参数做一些事情，包括处理一些逻辑或者将其封装成另外一个函数返回。

在JS中就有很多的高阶函数，尤其是数组
举一个例子，你就明白了。
Array.prototype.map

我们先看方法调用

const arr = [1,2,3];
const res = arr.map(it=>it*it);
// res [1,4,9];

再简单的模拟一下map

Array.prototype.map = function (cb,_this) {
	if(!Array.isArray(this) || typeof cb !== 'function') {
		return
	}
	const map = [];
	const arr = this;
	for(let i = 0; i < arr.length; i ++) {
	 	map.push(cb.call(_this,arr[i],i,arr));
	}
	return map;
}

在这个模拟Array.prototype.map的函数中，我们传递了一个函数参数，并且用到了这个函数参数做一些事情，这个map函数就是一个高阶函数。

或者

我们将某个函数封装后返回一个新的函数

const hof = function (func) {
	return function (...args) {
		这里处理一些事情
		func.apply(this,args);
		对函数进行封装
	}
}

这里的hof函数也是一个高阶函数，它对传入的函数参数进行了封装，增强了函数的功能。

前端常用的防抖，节流以及柯里化也是高阶函数的经典例子，高阶函数可以提高我们代码的可阅读性，也可以让我们的代码的可拓展性提高，可以对现有的函数进行封装，增强其功能。