Proxy

通過 Proxy 你可以改寫對象的一些默認的方法，定義自己的邏輯。有一種保護，預(yù)處理的感覺

const person = { name: 'Dp', age: 2000 };
// `Proxy` 接收兩個參數(shù)，第一個參數(shù)為要代理的目標對象，第二個參數(shù)是一個對象，包含我們要修改的方法
const personProxy = new Proxy(person, {
    // 改變獲取值的方式
    get(target, key) {
        return target[key].toLowerCase();
    },
    // 改變設(shè)置值的方式
    set(target, key, value) {
        target[key] = value.toUpperCase();
    }
});

// 存取電話號碼示例

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"