let obj0 = {
 姓: "高",
 名: "圓圓",
 age: 18
};

// 需求一，得到姓名

let obj1 = {
 姓: "高",
 名: "圓圓",
 姓名() {
  return this.姓 + this.名;
 },
 age: 18
};

console.log("需求一：" + obj1.姓名());//高圓圓

// 需求二，姓名不要括號(hào)也能得出值

let obj2 = {
 姓: "高",
 名: "圓圓",
 get 姓名() {
  return this.姓 + this.名;
 },
 age: 18
};

console.log("需求二：" + obj2.姓名);//高圓圓

// 需求三：姓名可以被寫

let obj3 = {
 姓: "高",
 名: "圓圓",
 get 姓名() {
  return this.姓 + this.名;
 },
 set 姓名(xxx){
  this.姓 = xxx[0]
  this.名 = xxx.slice(1)
 },
 age: 18
};

obj3.姓名 = '高媛媛'

console.log(`需求三：姓 ${obj3.姓}，名 ${obj3.名}`)//高媛媛

var _xxx = 0
Object.defineProperty(obj3,'xxx',{
 get(){
  return _xxx
 },
 set(value){
  _xxx= value
 }
})

let data0 = {
 n: 0
}

let data1 = {}

Object.defineProperty(data1, 'n', {
 value: 0
})

console.log(`需求一：${data1.n}`)//需求一：0

let data2 = {}

data2._n = 0 // _n 用來偷偷存儲(chǔ) n 的值,默認(rèn)為0

Object.defineProperty(data2, 'n', {
 get(){
  return this._n
 },
 set(value){
  if(value < 0) return
  this._n = value
 }
})

console.log(`需求二：${data2.n}`)//0
data2.n = -1
console.log(`需求二：${data2.n} 設(shè)置為 -1 失敗`)//0設(shè)置為 -1 失敗
data2.n = 1
console.log(`需求二：${data2.n} 設(shè)置為 1 成功`)//0設(shè)置為 1 成功

let data3 = proxy({ data:{n:0} }) // 括號(hào)里是匿名對(duì)象，無法訪問

function proxy({data}){
 const obj = {}
 // 這里的 'n' 寫死了，理論上應(yīng)該遍歷 data 的所有 key，這里做了簡化
 // 因?yàn)槲遗履銈兛床欢?
 Object.defineProperty(obj, 'n', { 
  get(){
   return data.n
  },
  set(value){
   if(value<0)return
   data.n = value
  }
 })
 return obj // obj 就是代理
}

// data3 就是 obj
console.log(`需求三：${data3.n}`)
data3.n = -1
console.log(`需求三：${data3.n}，設(shè)置為 -1 失敗`)
data3.n = 1
console.log(`需求三：${data3.n}，設(shè)置為 1 成功`)

let myData = {n:0}
let data4 = proxy({ data:myData }) // 括號(hào)里是匿名對(duì)象，無法訪問

// data3 就是 obj
console.log(`杠精：${data4.n}`)//0
myData.n = -1
console.log(`杠精：${data4.n}，設(shè)置為 -1 失敗了嗎??？`)

let myData5 = {n:0}
let data5 = proxy2({ data:myData5 }) // 括號(hào)里是匿名對(duì)象，無法訪問

function proxy2({data}){
 // 這里的 'n' 寫死了，理論上應(yīng)該遍歷 data 的所有 key，這里做了簡化
 let value = data.n//保存開始的n
 Object.defineProperty(data, 'n', {//聲明一個(gè)新的n
  get(){
   return value
  },
  set(newValue){
   if(newValue<0)return
   value = newValue
  }
 })

const obj = {}
 Object.defineProperty(obj, 'n', {
  get(){
   return data.n
  },
  set(value){
   if(value<0)return//這句話多余了
   data.n = value
  }
 })
 
 return obj // obj 就是代理
}

// data3 就是 obj
console.log(`需求五：${data5.n}`)//0
myData5.n = -1
console.log(`需求五：${data5.n}，設(shè)置為 -1 失敗了`)//0
myData5.n = 1
console.log(`需求五：${data5.n}，設(shè)置為 1 成功了`)//1