一、理解

    源物件
    代理(攔截)
    操作
    //打個比方
    批發衣服：相當於供應商
    代理商(張先生)

    使用者(買)

二、使用(攔截)

get():攔截物件屬性的讀取
set():攔截物件屬性的設定

deleteProperty():攔截刪除物件key操作

//源物件
let obj = {
	names:"衣服",
	times:"2017年1月1日",
	str:"這衣服還行",
	_r: 123
}
//建立代理
let personZ = new Proxy(obj,{
	// 攔截物件屬性的讀取
	get(target,key){
		//對值進行替換
		return target[key].replace("2017", "2018");
		//或者設定是否可讀取
		/*if(key=="times"){
			return false;
		}else{
			return target[key];
		}*/
	},
	// 攔截物件設定屬性
	set(target,key,val){
		//設定為只允許修改 str
		if(key=='str'){
			return target[key] = val;
		}else{
			return target[key]
		}
	},
	// 攔截 key in object 操作
    has(target, key) {
    	//只能獲取到names
        if (key === 'names') {
            return target[key]
        } else {
            return false;
        }
    },
    // 刪除屬性操作
	deleteProperty(target,key){
		// 存在下劃線 也就是 _r 允許刪除
		if(key.indexOf('_') > -1){
			delete target[key];
            return true;
		}else{
			return target[key];
		}
	},
	/**
     * 攔截
     * Object.keys
     * Object.getOwnPropertySymbols()
     * Object.getOwnPropertyNamess()
     *
     */
    ownKeys(target){
        return Object.keys(target).filter(
            item => item !== 'times'
        )
    }
})
// 1. get 攔截測試
console.log('get', personZ.times);//get 2018年1月1日
// 2. set 攔截測試
personZ.times = "2019";//時間無法修改
personZ.str = '修改成功';
console.log('set', personZ);
//set Proxy {names: "衣服", times: "2017年1月1日", str: "修改成功", _r: 123}
// 3. has 攔截測試
console.log('has', 'names' in personZ,'times' in personZ);//has true false
// 4. 刪除操作
delete personZ.times;
console.log('delete',personZ);
//delete Proxy {names: "衣服", times: "2017年1月1日", str: "修改成功", _r: 123}
delete personZ._r;
console.log('delete',personZ);
//delete Proxy {names: "衣服", times: "2017年1月1日", str: "修改成功"}
// 5. ownKeys
console.log('own',Object.keys(personZ))
//own (2) ["names", "str"]