JavaScript 不支持语法层面的自定义函数初始化器（如 customFunction fn() {…}），但可通过高阶函数轻松模拟该行为：将目标函数作为参数传入装饰器，返回一个自动包裹前置/后置逻辑的新函数。
javascript 不支持语法层面的自定义函数初始化器（如 `customfunction fn() {…}`），但可通过高阶函数轻松模拟该行为：将目标函数作为参数传入装饰器，返回一个自动包裹前置/后置逻辑的新函数。
在 JavaScript 中，虽然无法像某些语言（如 Python 的 @decorator 语法或 C++ 的构造函数）那样定义原生的“自定义函数初始化器”语法（例如 customFunction newFunction() { ... }），但我们可以借助高阶函数（Higher-Order Function） 实现完全等效的功能——即为任意函数自动注入统一的前置（before）、执行主体、后置（after）逻辑。这种模式本质上就是函数式编程中经典的装饰器（Decorator）模式。
下面是一个简洁、健壮的 customFunction 装饰器实现：
function customFunction(fn) {
return function(...args) {
// ✅ 前置逻辑：每次调用前执行
console.log("Starting customFunction");
// ✅ 执行原始函数，正确绑定 this 并透传所有参数
const result = fn.apply(this, args);
// ✅ 后置逻辑：每次调用后执行
console.log("Ending customFunction");
return result;
};
}使用示例如下：
// 创建被装饰的函数
const newFunction = customFunction(function() {
console.log("running newFunction()");
});
newFunction();
// 输出：
// Starting customFunction
// running newFunction()
// Ending customFunction
console.log("---------");
// 支持对象方法 + this 绑定
const obj = {
a: 40,
giveMeTheAnswer: customFunction(function(b) {
return `the answer is: ${this.a + b}`;
})
};
console.log(obj.giveMeTheAnswer(2));
// 输出：
// Starting customFunction
// Ending customFunction
// "the answer is: 42"✅ 关键设计要点说明：
- 使用 fn.apply(this, args) 确保被装饰函数能正确访问调用时的 this 上下文（如对象方法场景）；
- 使用剩余参数 ...args 和 apply 兼容任意数量/类型的参数，保证装饰器通用性；
- 返回值被完整保留并透传，避免副作用；
- 装饰器本身无状态、纯函数，可安全复用和组合（如叠加多个装饰器）。
⚠️ 注意事项：
- 此方案不改变函数声明语法，而是通过赋值方式“增强”函数行为，符合 JavaScript 的运行时特性；
- 若需更接近语法糖的体验，可结合构建工具（如 Babel 插件）实现自定义装饰器语法转换，但原生环境仍依赖上述高阶函数模式；
- 避免在装饰器中修改 arguments 对象（已废弃），始终优先使用 ...args + apply 或 call。
总结来说，虽然 JavaScript 没有 customFunction fn() {…} 这样的原生语法，但通过一行高阶函数封装，即可获得比语法糖更灵活、更可控的函数增强能力——这才是真正契合 JS 哲学的“自定义初始化”。
