当前位置：首页 > JavaScript

js实现 after

2026-04-05 13:48:42JavaScript

实现 `after` 方法

在 JavaScript 中，after 方法通常用于在某个函数执行后执行另一个函数。可以通过包装原函数来实现这一功能。

基本实现

Function.prototype.after = function(fn) {
  const self = this;
  return function() {
    const result = self.apply(this, arguments);
    fn.apply(this, arguments);
    return result;
  };
};

使用示例

function originalFunction() {
  console.log('Original function executed');
}

function afterFunction() {
  console.log('After function executed');
}

const wrappedFunction = originalFunction.after(afterFunction);
wrappedFunction();

输出结果

Original function executed
After function executed

带参数的实现

如果需要处理原函数的返回值或参数，可以进一步扩展实现。

Function.prototype.after = function(fn) {
  const self = this;
  return function() {
    const result = self.apply(this, arguments);
    fn.call(this, result);
    return result;
  };
};

使用示例

function calculate(x, y) {
  return x + y;
}

function logResult(result) {
  console.log('Result:', result);
}

const wrappedCalculate = calculate.after(logResult);
wrappedCalculate(2, 3);

输出结果

Result: 5

异步函数支持

对于异步函数，可以使用 Promise 来实现 after 功能。

js实现 after

Function.prototype.after = function(fn) {
  const self = this;
  return async function() {
    const result = await self.apply(this, arguments);
    await fn.call(this, result);
    return result;
  };
};

使用示例

async function fetchData() {
  return new Promise(resolve => {
    setTimeout(() => resolve('Data fetched'), 1000);
  });
}

async function processData(data) {
  console.log('Processing:', data);
}

const wrappedFetch = fetchData.after(processData);
wrappedFetch();