Comencé a probar el siguiente patrón de proxy y obtuve el error titulado al usar el método .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")Produciendo la siguiente salida de consola:
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 ¿Alguien sabe qué detalles internos me faltan que requieren que el set devuelva true en el caso de usar .splice() ?
No es solo el método de splice , esto sucede en todo el código de modo estricto cuando se intenta establecer una propiedad que no se puede escribir. El valor de retorno falso del controlador de trampas indica que la configuración de la propiedad falló.
"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' En su caso, el problema es que devuelve el nuevo valor de propiedad, mientras que una trampa set debería devolver un valor booleano . Entonces "funciona" cuando establece a.length = 5 , pero no para a.length = 0 . Solucione esto utilizando la implementación predeterminada provista por el objeto Reflect para la trampa, si todo lo que desea es iniciar sesión y no interceptar la asignación, y no olvide el parámetro del receptor :
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) } }