关于javascript:如何在JavaScript中使用高阶函数

28次阅读

共计 3907 个字符,预计需要花费 10 分钟才能阅读完成。

将另一个函数作为参数的函数,或者定义一个函数作为返回值的函数,被称为高阶函数。

JavaScript 能够承受高阶函数。这种解决高阶函数的能力以及其余特点,使 JavaScript 成为非常适合函数式编程的编程语言之一。

JavaScript 将函数视为一等公民

你兴许据说过,JavaScript 函数是一等公民。这意味着,在 JavaScript 中函数是对象。

它们的类型是Object,它们能够作为一个变量的值被调配,而且它们能够像其余援用变量一样被传递和返回。

一等函数赋予了 JavaScript 非凡的能力,使咱们可能从高阶函数中获益。

因为函数是对象,且 JavaScript 是风行的编程语言之一,因而其反对函数式编程的原生办法。

事实上,一等函数是 JavaScript 的原生办法。我敢打赌你在应用他们的时候甚至都没有想过正在应用函数。

高阶函数接管函数作为参数

如果你做过很多 JavaScript 开发,你可能遇到过应用回调函数的状况。

回调函数是一个在操作完结时执行的函数,一旦所有其余操作实现后便会执行。

通常状况下,咱们把这个函数作为最初的参数传递,在其余参数之后。它通常被定义为内联的匿名函数。回调函数依附的是 JavaScript 解决高阶函数的能力。

JavaScript 是一个单线程语言。这意味着同一时间只有一个操作会被执行。

为了防止操作或零碎的主线程相互阻塞(这将导致死锁),引擎会确保所有操作按程序执行。它们沿着这个单线程排队,直到平安产生另一个代码事务。

将一个函数作为参数传入,并在父函数的其余操作实现后运行该函数的能力,对于反对高阶函数的语言来说是至关重要的。

JavaScript 中的回调函数容许异步行为,因而脚本能够在期待后果的同时继续执行其余函数或操作。

在解决可能在不确定的时间段后返回后果的资源时,传递回调函数的能力至关重要。

这种高阶函数模式在网络开发中十分有用。一个脚本能够向服务器发送一个申请,而后须要在响应到来时进行解决,而不须要理解服务器的网络提早或解决工夫。

Node.js 常常应用回调函数来无效地利用服务器资源。这种异步办法对于期待用户输出后再执行函数的应用程序来说也很有用。

考虑一下这个简略的 JavaScript 片段,它为一个按钮增加了一个事件监听器。

document.getElementById("clicker").addEventListener("click", function() {alert("you triggered" + this.id);
});

这段脚本应用内联匿名函数来显示一个alert

但它也能够很容易地应用一个独自定义的函数,并将这个命名函数传递给 addEventListener 办法。

var proveIt = function() {alert("you triggered" + this.id);
};

document.getElementById("clicker").addEventListener("click", proveIt);

咱们这样做不仅仅是展现了高阶函数。咱们使代码更可读,更有弹性,并为不同的工作拆散了性能(监听点击事件与揭示用户)。

代码可重用性

咱们的 proveIt() 函数在结构上独立于它四周的代码,总是返回被触发的元素的id。这种函数设计的办法是函数式编程的外围。

这段代码能够存在于任何你用元素的 id 显示 alert 的上下文中,并且能够被任何事件监听器调用。

用一个独自定义和命名的函数取代内联函数的能力为咱们提供了有限可能。

在函数式编程中,咱们试图开发不扭转内部数据的纯函数,并且每次对雷同的输出返回雷同的后果。

当初咱们有了一个根本的工具,能够帮忙咱们开发一个小型的、有针对性的高阶函数库,你能够在任何应用程序中应用。

请留神,咱们把 proveIt 而不是 proveIt() 传递给咱们的 addEventListener 函数。

  • 当你不带括号传递一个函数的名字时,你传递的是函数对象自身。
  • 当你用圆括号传递函数时,你是在传递执行该函数的后果。

返回函数

除了将函数作为参数之外,JavaScript 还容许函数将其余函数作为后果返回。

这是说得通的,因为函数是简略的对象。对象(包含函数)能够被定义为一个函数的返回值,就像字符串、数组或其余值。

然而函数作为后果返回是什么意思呢?

函数是合成问题和创立可重用代码片断的一种弱小形式。当咱们将一个函数定义为一个高阶函数的返回值时,它能够作为新函数的模板。

如果你读了太多对于 ” 千禧一代 ” 的文章,感到腻烦。你决定每当呈现 ” 千禧一代 ” 这个词时,你都要用 “ 蛇人 ” 这个短语来代替它。

你可能是简略地写一个函数,在你传递给它的任何文本上执行该文本替换。

var snakify = function(text) {return text.replace(/millenials/ig, "Snake People");
};
console.log(snakify("The Millenials are always up to something."));
// The Snake People are always up to something.

这种写法是无效的,但不够通用。你可能想为其余状况写一个替换函数:

var hippify = function(text) {return text.replace(/baby boomers/ig, "Aging Hippies");
};
console.log(hippify("The Baby Boomers just look the other way."));
// The Aging Hippies just look the other way.

然而,如果你决定要做一些更简单的事件来保留原始字符串中的大小写呢?你将不得不批改你的两个新函数来做到这一点。

这很麻烦,而且会使你的代码更加软弱,也更难浏览。在这样的状况下,咱们能够应用高阶函数作为解决方案。

高阶函数模板

你真正想要的是可能在模板函数中用任何其余术语替换任何术语的灵活性,并将该行为定义为一个根底函数,你能够在此基础上建设新的自定义函数。

有了将函数指定为返回值的能力,JavaScript 提供了让这种状况更便捷的办法:

var attitude = function(original, replacement, source) {return function(source) {return source.replace(original, replacement);
    };
};

var snakify = attitude(/millenials/ig, "Snake People");
var hippify = attitude(/baby boomers/ig, "Aging Hippies");

console.log(snakify("The Millenials are always up to something."));
// The Snake People are always up to something.
console.log(hippify("The Baby Boomers just look the other way."));
    // The Aging Hippies just look the other way.

咱们所做的是把做理论工作的代码隔离到一个通用的、可扩大的 attitude 函数中。它封装了所有须要批改任何输出字符串的工作:应用原始短语作为初始值,并输入一个具备某种态度的替换短语。

当咱们将这个新函数定义为对 attitude 高阶函数的援用,并事后填入它所接管的前两个参数时,咱们会失去什么?它容许新函数接管你传递给它的任何文本,并在咱们定义的返回函数中应用该参数作为 attitude 函数的输入。

JavaScript 函数不关怀传递给它们的参数的数量。

如果短少第二个参数,函数将把它视为undefined。当咱们抉择不提供第三个参数,或任何数量的额定参数时,它也会这样做。

此外,你能够在当前再传入那个额定的参数。你能够在定义了你想调用的高阶函数后这样做,就像方才演示的那样。

咱们正在创立一个模板高阶函数来返回另一个函数。而后,咱们把这个新返回的函数,除去一个属性,定义为模板函数的一个自定义实现。

你以这种形式创立的所有函数将继承高阶函数的工作代码。然而,你能够用不同的默认参数事后定义它们。

正在应用高阶函数

高阶函数对于 JavaScript 的工作形式来说是起码的,你曾经在应用它们了。

每当你传递一个匿名函数或回调函数时,你实际上是把所传递的函数返回的值,作为另一个函数的参数(如箭头函数)应用。

开发人员在学习 JavaScript 的晚期就相熟高阶函数。它是 JavaScript 设计中固有的,所以当前才须要学习驱动箭头函数或回调的概念。

为返回其余函数的函数赋值的能力扩大了 JavaScript 的便利性。高阶函数容许咱们创立自定义命名的函数,用一阶函数的共享模板代码执行专门的工作。

这些函数中的每一个都能够继承高阶函数中的任何改良。这能够帮助咱们防止代码反复,并放弃咱们的源代码的整洁和可读性。

如果你确保你的函数是污浊的(它们不扭转内部值,并且对于任何给定的输出总是返回雷同的值),你能够创立测试来验证当你更新一阶函数时,你的代码变动不会毁坏任何货色。

总结

当初你晓得了高阶函数的工作原理,你能够开始思考如何在本人的我的项目中利用这个概念了。

JavaScript 的一个益处是,你能够将函数技术与你曾经相熟的代码混合在一起。

即使你一开始只是为了应用高阶函数而应用,你也会很快相熟它们所提供的额定灵活性。

当初应用高阶函数的一点工作能够在将来几年内改善你的代码。

以上就是本文的全部内容,感激浏览~

正文完
 0