如何编写无需修改原始函数即可扩展的JavaScript函数

在JavaScript中，可以使用一些技术和模式来编写无需修改原始函数即可扩展的函数。以下是一些常见的方法：

高阶函数：高阶函数是指接受一个或多个函数作为参数，并返回一个新函数的函数。通过使用高阶函数，可以将原始函数作为参数传递给扩展函数，并在扩展函数中对其进行修改或增强。这样可以实现对原始函数的扩展，而无需修改原始函数的代码。例如：

function extendFunction(originalFunction, extensionFunction) {
  return function(...args) {
    originalFunction.apply(this, args);
    extensionFunction.apply(this, args);
  };
}

function original() {
  console.log("Original function");
}

function extension() {
  console.log("Extension function");
}

const extended = extendFunction(original, extension);
extended(); // 输出 "Original function" 和 "Extension function"

装饰器模式：装饰器模式是一种结构型设计模式，它允许在不修改原始对象的情况下，动态地将功能附加到对象上。在JavaScript中，可以使用装饰器模式来扩展函数的功能。通过创建一个装饰器函数，该函数接受原始函数作为参数，并返回一个新函数，新函数可以在调用原始函数之前或之后执行额外的逻辑。例如：

function decorator(originalFunction) {
  return function(...args) {
    console.log("Before original function");
    originalFunction.apply(this, args);
    console.log("After original function");
  };
}

function original() {
  console.log("Original function");
}

const decorated = decorator(original);
decorated(); // 输出 "Before original function"、"Original function" 和 "After original function"

代理模式：代理模式是一种结构型设计模式，它允许通过创建一个代理对象来控制对原始对象的访问。在JavaScript中，可以使用代理模式来扩展函数的功能。通过创建一个代理函数，该函数接受原始函数作为参数，并返回一个新函数，新函数可以在调用原始函数之前或之后执行额外的逻辑。例如：

function proxy(originalFunction) {
  return function(...args) {
    console.log("Before original function");
    originalFunction.apply(this, args);
    console.log("After original function");
  };
}

function original() {
  console.log("Original function");
}

const proxied = proxy(original);
proxied(); // 输出 "Before original function"、"Original function" 和 "After original function"

这些方法可以帮助我们编写无需修改原始函数即可扩展的JavaScript函数。根据具体的需求和场景，选择适合的方法来实现函数的扩展。