Javascript 每次运行特定函数类型时运行函数

假设我的项目中有50个函数。其中10个功能是标准功能，40个功能都需要：

做他们独特的事情 然后对所有40个函数执行另一个相同的操作，例如为渲染周期准备一些视觉数据 以js语法编写的示例为例：

    const functionOne = () => {
        //Do my thing
        prepareRenderData()
    }

    const functionTwo = () => {
        //Do my thing
        prepareRenderData()
    }
    
    const functionThree...

---

JavaScript中是否有一种方法可以使此prepareRenderData调用隐式地包含在函数中，在这种情况下，最终可以节省多达40行代码？

不确定您是否应该这样做，因为可能会节省40行代码，但可以通过如下包装器函数实现：

const getPreparedFunction=fn=>=>{ fn； console.log“一般的事情正在发生”； }; const functionOne=getPreparedFunction=>{ console.log'I am functionOne'； }; const functionTwo=getPreparedFunction=>{ console.log'I am functionTwo'； }; 功能一；

---

功能二 不确定您是否应该这样做，因为可能会节省40行代码，但可以通过如下包装函数实现：

const getPreparedFunction=fn=>=>{ fn； console.log“一般的事情正在发生”； }; const functionOne=getPreparedFunction=>{ console.log'I am functionOne'； }; const functionTwo=getPreparedFunction=>{ console.log'I am functionTwo'； }; 功能一；

---

功能二；是的，您可以在根组件中调用这些函数，并将其数据存储到上下文或redux存储中以使用它，而不是在每个组件中调用此函数。react通过延迟加载加载组件有一个优点，所以最好的方法是调用特定组件中的函数，以加快应用程序的速度。首先，这不是react语法，而是标准JS，其次，您可以使用decorator，但是您必须分配它们，或者在调用这些函数后运行prepareRenderData。但是没有隐式调用函数。是的，您可以在根组件中调用这些函数，并将其数据存储到上下文或redux存储中以使用它，而不是在每个组件中调用此函数。react通过延迟加载加载组件有一个优点，所以最好的方法是调用特定组件中的函数，以加快应用程序的速度。首先，这不是react语法，而是标准JS，其次，您可以使用decorator，但是您必须分配它们，或者在调用这些函数后运行prepareRenderData。但是没有隐式调用函数。