我開始測驗以下代理模式，并在使用該.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
有誰知道我缺少哪些內部細節需要在使用的情況下set回傳？true.splice()
uj5u.com熱心網友回復：
這不僅僅是方法，當嘗試設定不可寫屬性時splice，這發生在所有嚴格模式代碼中。陷阱處理程式的錯誤回傳值表示設定屬性失敗。
"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'在您的情況下，問題在于您回傳新的屬性值，而陷阱set應該回傳 boolean。因此，當您設定 時它“有效” a.length = 5，但不適用于a.length = 0. 通過使用Reflect物件為陷阱提供的默認實作來解決此問題，如果您只想記錄而不實際攔截分配，并且不要忘記接收器引數：
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)
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/481950.html
標籤：javascript 哎呀 es6-代理
上一篇：如何將物件轉換為另一個物件
下一篇：用Java為學校建模