// 寫法:target是目標(biāo)對(duì)象，handler是處理器對(duì)象
const proxy = new Proxy(target, handler);

// 定義待驗(yàn)證的對(duì)象
const user = {
  name: '',
  age: 0
};

// 創(chuàng)建代理對(duì)象
const userProxy = new Proxy(user, {
  set(target, property, value) {
    // 進(jìn)行數(shù)據(jù)合法性驗(yàn)證
    if (property === 'name') {
      if (typeof value !== 'string' || value === '') {
        throw new Error('姓名必須是非空字符串');
      }
    } else if (property === 'age') {
      if (typeof value !== 'number' || value < 0 || !Number.isInteger(value)) {
        throw new Error('年齡必須是非負(fù)整數(shù)');
      }
    }

    // 合法性驗(yàn)證通過(guò)，設(shè)置屬性值
    target[property] = value;
    return true;
  }
});

// 使用代理對(duì)象進(jìn)行屬性訪問和賦值
userProxy.name = 'John';
console.log(userProxy.name); // 輸出: "John"

userProxy.age = 25;
console.log(userProxy.age); // 輸出: 25

// 非法賦值會(huì)觸發(fā)異常
try {
  userProxy.name = '';
} catch (error) {
  console.log(error.message); // 輸出: "姓名必須是非空字符串"
}

try {
  userProxy.age = '30';
} catch (error) {
  console.log(error.message); // 輸出: "年齡必須是非負(fù)整數(shù)"
}

// 定義待記錄日志的對(duì)象
const person = {
  name: 'John',
  age: 30
};

// 創(chuàng)建代理對(duì)象
const personProxy = new Proxy(person, {
  get(target, property) {
    // 記錄屬性訪問日志
    console.log(`訪問屬性: ${property}`);
    
    // 返回屬性值
    return target[property];
  },
  set(target, property, value) {
    // 記錄屬性賦值日志
    console.log(`設(shè)置屬性: ${property}，值: ${value}`);

    // 設(shè)置屬性值
    target[property] = value;
    return true;
  },
  deleteProperty(target, property) {
    // 記錄屬性刪除日志
    console.log(`刪除屬性: ${property}`);

    // 刪除屬性
    delete target[property];
    return true;
  }
});

// 使用代理對(duì)象進(jìn)行屬性訪問、賦值和刪除
console.log(personProxy.name); // 輸出：訪問屬性: name -> "John"

personProxy.age = 35; // 輸出：設(shè)置屬性: age，值: 35
console.log(personProxy.age); // 輸出：訪問屬性: age -> 35

delete personProxy.age; // 輸出：刪除屬性: age
console.log(personProxy.age); // 輸出：訪問屬性: age -> undefined

// 創(chuàng)建數(shù)據(jù)對(duì)象
const data = {
  name: 'John',
  age: 30
};

// 創(chuàng)建觀察者對(duì)象，用于監(jiān)聽數(shù)據(jù)變化
const observer = {
  notify(target, property) {
    console.log(`屬性 ${property} 發(fā)生變化，新值為: ${target[property]}`);
  }
};

// 創(chuàng)建代理對(duì)象
const dataProxy = new Proxy(data, {
  set(target, property, value) {
    // 設(shè)置屬性值
    target[property] = value;

    // 通知觀察者屬性變化
    observer.notify(target, property);

    return true;
  }
});

// 修改代理對(duì)象的屬性值
dataProxy.name = 'Alice'; // 輸出：屬性 name 發(fā)生變化，新值為: Alice
dataProxy.age = 35; // 輸出：屬性 age 發(fā)生變化，新值為: 35