本文介绍如何在 javascript 中避免 proxy 对数组 sort() 操作触发多次 set 陷阱，转而通过方法修饰器（around modifier）实现在排序完成后仅执行一次自定义通知。
在使用 Proxy 监听数组操作时，一个常见痛点是：调用 array.sort() 会因内部元素重排而多次触发 set 陷阱（例如对索引 0、1 等反复赋值），导致回调被重复执行——这与业务中“仅需一次完成通知”的需求相悖。Proxy 本身无法感知高阶操作语义（如“排序已完成”），因此直接依赖 set/get 陷阱难以优雅解决。
更合理的方式是不拦截底层属性访问，而是增强目标方法本身。这里推荐采用 around 方法修饰器（也称环绕通知），它是一种函数式编程模式：在原方法执行前后插入逻辑，且能完整控制执行流程与上下文。
around 的核心思想是：接收原始方法（proceed）、自定义处理器（handler）和目标对象（target），返回一个新函数；该函数在调用时，将 proceed、自身 handler 和参数一并传入 handler 执行，从而实现“环绕式”增强。
以下是轻量级 around 实现及应用示例：
立即学习“Java免费学习笔记（深入）”；
// around 方法修饰器：通用、无侵入
function around(proceed, handler, target) {
return function (...args) {
return handler.call(target ?? null, proceed, handler, args);
};
}
// 排序完成后的统一通知处理器
function notifyAboutFinishedTask(proceed, handler, args) {
const arr = this; // 绑定到原数组实例
// 执行原始 sort 方法（支持传参，如 compareFn）
proceed.apply(arr, args);
// ✅ 此处仅执行一次：排序已结束
console.log('✅ array sorted');
console.log('→ result:', arr);
console.log('→ sort args:', args.length ? args : '(default ascending)');
}
// 使用示例
const arr = [2, 1];
console.log('initial:', arr); // [2, 1]
// 替换当前数组实例的 sort 方法（非污染 Array.prototype）
arr.sort = around(arr.sort, notifyAboutFinishedTask, arr);
arr.sort(); // ✅ 输出一次通知
arr.sort((a, b) => b - a); // ✅ 同样只通知一次⚠️ 注意事项：此方案不修改全局 Array.prototype，仅增强特定数组实例，安全可控；around 保持了原 sort() 的全部行为（包括返回值、compareFn 支持、稳定性等）；若需批量处理多个数组，可封装为工具函数，例如 enhanceSort(array, callback)；Proxy 方案在此场景下本质受限于 sort 的内部实现细节（V8 引擎中可能涉及多次索引写入），不应强行“打补丁”，而应转向语义层增强。
总结：当需要响应“操作完成”而非“属性变更”时，优先选择方法增强（如 around）而非底层访问拦截。它语义清晰、逻辑内聚、易于测试与复用，是 JavaScript 元编程中更健壮的实践路径。
