Proxy
通過(guò) Proxy 你可以改寫對(duì)象的一些默認(rèn)的方法，定義自己的邏輯。有一種保護(hù)，預(yù)處理的感覺
const person = { name: 'Dp', age: 2000 };
// `Proxy` 接收兩個(gè)參數(shù)，第一個(gè)參數(shù)為要代理的目標(biāo)對(duì)象，第二個(gè)參數(shù)是一個(gè)對(duì)象，包含我們要修改的方法
const personProxy = new Proxy(person, {
// 改變獲取值的方式
get(target, key) {
return target[key].toLowerCase();
},
// 改變?cè)O(shè)置值的方式
set(target, key, value) {
target[key] = value.toUpperCase();
}
});
// 存取電話號(hào)碼示例
const phoneHandler = {
set(target, key, value) {
target[key] = value.match(/\d/g).join('');
},
get(target, key) {
return target[key].replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3');
}
}
const phoneProxy = new Proxy({}, phoneHandler);
打印結(jié)果
phoneProxy.home = '1350 8690 910'
"1350 8690 910"
phoneProxy.work = '18871233098'
"18871233098"
phoneProxy
Proxy {home: "13508690910", work: "18871233098"}
phoneProxy.home
"135-0869-0910"
phoneProxy.work
"188-7123-3098"
