javascript - 未捕获的类型错误 : proxy set handler returned false for property '"length"'

Question

我开始测试以下代理模式，并在使用 .splice() 方法时出现标题错误。

class A extends Array {
  constructor(...x) {
    super(...x)
    return new Proxy(this, {
      set(o,p,v) {
        console.log("set: ",o,p,v)
        return o[p] = v
      },
            
      get(o,p) {
        console.log("get: ",o,p)
        return o[p]
      },
    })
  }
}

const a = new A(1,2,3)

a.splice(1,0,"a")

产生以下控制台输出:

get:  Array(3) [ 1, 2, 3 ] splice
get:  Array(3) [ 1, 2, 3 ] length
get:  Array(3) [ 1, 2, 3 ] constructor
set:  Array [] length 0

Uncaught TypeError: proxy set handler returned false for property '"length"'
    InnerModuleEvaluation self-hosted:2411
    InnerModuleEvaluation self-hosted:2411
    evaluation self-hosted:2358

有谁知道我缺少哪些内部细节，在使用 .splice() 的情况下需要 set 返回 true ？

Answer 1

不仅仅是splice方法，这种情况在所有strict mode中都会发生。尝试设置不可写属性时的代码。陷阱处理程序的错误返回值表明设置属性失败。

"use strict";
const a = new Proxy([1,2,3], {
  set(o,p,v) {
    console.log("set: ",o,p,v)
    return o[p] = v
  },
});
a.length = 0; // TypeError: 'set' on proxy: trap returned falsish for property 'length'

就您而言，问题是您返回新的属性值，而 a set trap ought to return a boolean 。因此，当您设置 a.length = 5 时，它“有效”，但对于 a.length = 0 则无效。通过使用 Reflect object 提供的默认实现来修复此问题对于陷阱，如果您只想记录而不是实际拦截分配，并且不要忘记接收者参数:

const handler = {
  set(o,p,v,r) {
    console.log("set: ",o,p,v)
    return Reflect.set(o,p,v,r);
  },
  get(o,p,r) {
    console.log("get: ",o,p)
    return Reflect.get(o,p,r);
  },
}

class A extends Array {
  constructor(...x) {
    super(...x)
    return new Proxy(this, handler)
  }
}