JavaScript 代理：数组排序后聚合通知-解网

问：

我想找到一种方法，在数组排序后只收到一个通知

有办法吗？谢谢

const callback = function () {
  console.log (...arguments)
}
const array = [2,1]
const handler = {
  set (target, prop, value, receiver) {
    callback (prop, value)
    return Reflect.set (target, prop, value, receiver)
  }
}
const proxy = new Proxy (array, handler)
proxy.sort()
// calls two times callback
// prints "0" 1 and "0" 2
// would like one notification : "array sorted"

JavaScript 数组方法拦截器 es6-proxy

console.config({ maximize: true });

const proxy = new Proxy([2, 1], {
  get(target, property, receiver) {
    if (property === 'sort') {
      return function(comparer) {
        const originalSort = Reflect.get(target, property, receiver);
        const sortedThis = originalSort.apply(target, [comparer]);
        
        console.log('sorted');
        
        return sortedThis;
      }
    }
    
    return Reflect.get(target, property, receiver);
  }
});

console.log('.sort() works:', proxy.sort());
console.log('.slice() is fine too:', proxy.slice(1));

<script src="https://gh-canon.github.io/stack-snippet-console/console.min.js"></script>

这样的修饰符接受两个函数，以及一个 -object 作为其 3 个参数。它确实返回一个函数，该函数将再次返回函数的结果。后者确实在提供的（可选）上下文中被调用，同时也被传递了 -function、它自己的 -reference 和修改后的函数的 -array。proceedhandlertargethandlertargetproceedhandlerarguments

因此，基于这样的修饰符，OP 可以通过修改例如数组实例的 -method 来实现预期的行为，例如这样的 ...sort

const arr = [2, 1];

// reassign the array instance's specifically modified `sort`.
arr.sort = around(arr.sort, notifyAboutFinishedTask, arr);

...哪里是实现 OP 正在寻找的东西的功能......notifyAboutFinishedTaskhandler

"...数组排序后只有一个通知”

...示例代码 ...

// implementation of `sort`-specific `around`-handler.
function notifyAboutFinishedTask(proceed, handler, args) {
  const arr = this;

  // original task.
  proceed.apply(arr, args);

  // additional notification.
  console.log('\narray sorted');
  console.log('arr ...', arr);
  console.log('arguments ...', args);
}
const arr = [2, 1];

console.log('unsorted arr ...', arr);

// reassign the array instance's specifically modified `sort`.
arr.sort = around(arr.sort, notifyAboutFinishedTask, arr);

// invoking sort twice, once with and once without sort function.
arr.sort();
arr.sort((a, b) => b - a);

.as-console-wrapper { min-height: 100%!important; top: 0; }

<script>

// implementation of an `around` modifier.
function around(proceed, handler, target) {
  return function (...args) {

    return handler.call(target ?? null, proceed, handler, args);
  };
}

</script>

@tit......说到链接和您提供的要点，实际上有一个我的回购，它确实实现了......“原型和非原型的，可能是可取的，JavaScript/ECMAScript 函数或方法修饰符，允许在此类修改后的函数/方法的调用/应用/执行时间，根据其参数、返回值和上下文拦截、内省和操作函数或方法的控制流。”

1赞 tit 8/28/2023

是的，我看到了 git 库，感谢您的所有论文/loc/so。要点是，我只是试图有一个更短的代码，可以一目了然地理解，并添加一些我的语义（哎呀！

上一个：Javascript： “ReferenceError： validGears is not defined”，尽管它显然是???（VSCode，节点 .js）

下一个：通过自定义动态方法访问嵌套的 JavaScript 属性

JavaScript 代理：数组排序后聚合通知

JavaScript proxies : aggregate notifications after array sort

评论

评论

评论