在前端开发中，有时候我们需要对已有的函数进行扩展以满足更多的需求。本文将介绍如何使用 JavaScript 来扩展函数，包括函数的重载、装饰器以及高阶函数等技术。
函数的重载
函数的重载是指在同一个作用域内定义多个同名函数，它们的参数列表不同。当我们调用这个函数时，JavaScript 引擎会根据传入的参数个数和类型来确定应该调用哪个函数。
以下是一个简单的例子：
-- -------------------- ---- ------- -------- ------ -- - ------ - - -- - -------- ------ -- -- - ------ - - - - -- - ------------------ ---- -- -- - ------------------ -- ---- -- -- -
上述代码中，我们定义了两个同名的函数 add，但它们的参数列表不同。当我们传入两个参数时，JavaScript 引擎会调用第一个函数；当我们传入三个参数时，引擎会调用第二个函数。
需要注意的是，函数的重载只能通过参数个数和类型来区分，并不能通过返回值类型或函数体内容来区分。因此，在设计重载函数时，应该尽可能避免参数类型相同但含义不同的情况，以免造成混淆。
装饰器
装饰器是一种用于修改类或对象行为的技术。在 JavaScript 中，我们可以使用闭包来实现装饰器。
以下是一个示例：
-- -------------------- ---- -------
-------- -------------- -
------ ---------- -
----------------------
---------------- -----------
---------------------
--
-
-------- -------------- -
------------------- - - ---- - -----
-
-------- - -------------------
-----------------上述代码中，我们定义了一个装饰器函数 decorate，它接受一个函数作为参数，返回一个新的函数。这个新函数会在执行原来的函数前后输出一些信息。
然后，我们将 sayHello 函数传入 decorate 函数中，得到一个新的函数，并将其重新赋值给 sayHello 变量。最后，我们调用 sayHello 函数，即可观察到装饰器的效果。
高阶函数
高阶函数是指接受一个或多个函数作为参数，并/或返回一个新函数的函数。在 JavaScript 中，高阶函数常用于实现柯里化、偏函数、函数组合等功能。
以下是一个示例：
-- -------------------- ---- -------
-------- ------ -- -
------ - - --
-
-------- ----------- -- -
------ - - --
-
-------- ---------- -- -
------ ---------- -
------ --------------- ------------
--
-
--- --------------- - ----------------- -----
------------------------------ -- ---- -- -- --上述代码中，我们定义了三个函数：add、multiply 和 compose。其中，compose 函数接受两个函数作为参数，返回一个新函数。这个新函数会先调用第二个函数（也就是 g），然后将其返回值作为参数传递给第一个函数（也就是 f）。
最后，我们使用 compose 函数将 add 和 multiply 函数组合起来，得到一个新的函数 addThenMultiply。当我们调用这个函数时，它会先将传入的参数相加，然后将结果乘以第三个参数。
总结一下，函数的扩展可以帮助我们更好地组织和复用代码。通过函数的重载、装饰器和高阶函数等技术，我们可以实现更灵活
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12457