ES6 代理记录一个无法解释的额外值

Question

到目前为止，我已经将 ES6 代理理解为一种添加拦截的方式，以允许您向代码添加自定义行为。实现此代码 sn-p 以拦截对数组的推送，但它记录了额外的“被困！ 1'后推，我不知道为什么。有谁知道它为什么这样做？这是否意味着陷阱中的代码运行了两次？

const handler = {
  set(target, propertyKey, value, receiver) {
    console.log('trapped!', value);
    return Reflect.set(target, propertyKey, value, receiver);
  }
};

const p = new Proxy([], handler);
p.push('a')

Answer 1

它设置长度以及你要推入的数组的索引。这就是为什么每次推送都会运行两次。

let handler = {
  set(target, propertyKey, value, receiver) {
    console.log(`set ${propertyKey} to ${value}`)
    return Reflect.set(target, propertyKey, value, receiver);
  }
};

const p = new Proxy([], handler);
p.push('a')