javascript - 如何为 JavaScript 箭头函数创建记录器？

Question

有没有办法实现一个记录器函数，可以拦截箭头函数，如下例所示？我

原始代码:

const arrowFunctionExample = (value)=> {
    console.log('arrowFunctionExample',value)
}

function main(){
    arrowFunctionExample('testing')
}

新代码:

const arrowFunctionExample = (value) => {
  console.log('arrowFunctionExample', value)
}

function main() {
  logger(arrowFunctionExample('testing'))
}

//something like this
const logger = (fn) => {
  console.log('logger', fn)
  if (typeof fn === 'function') {
    fn(value)
  }
}

我希望在这两种情况下主执行时获得相同的效果，而不必编辑箭头功能。

Answer 1

这就是你想要的吗？

function logger(fn){
    return function(){
        console.log("log:", fn.name, arguments);
        return fn.apply(this, arguments);
    }
}

const arrowFunctionExample = (value)=> {
    console.log("do something with", value);
};

function main(){
    logger(arrowFunctionExample)('testing')
}

main();