getter、setter

let obj = {
    say: 'hai',
    
    get hello() {
        return this.say + ' world'
    },
    set hello(val) {
        this.say = val
    }
}

console.log(obj.hello); // hai world
obj.hello = 'hello'
console.log(obj.hello); // hello world

Object.defineProperty

let obj = { a: 'hello' }

let cloneObj = JSON.parse(JSON.stringify(obj))

// 注意返回不能直接用 obj，否则陷入 get 死循环
Object.keys(obj).forEach(key => {
    Object.defineProperty(obj, key, {
        get() {
            console.log(cloneObj[key])
            return cloneObj[key]
        },
        set(val) {
            cloneObj[key] = val
        }
    })
})

obj.a // hello
obj.a = 'world'
obj.a // world

let obj = {
    fun: 'hello',
    funFn() {
        console.log('world')
    }
}

Object.keys(obj).forEach(key => {
    Object.defineProperty(obj, key, {
        get: typeof obj[key] === 'function' ? obj[key] : obj[key].get,
        set(val) { console.log(val) }
    })
})

console.log(obj.fun) // undefined
console.log(obj.funFn) // world > undefined
obj.fun = '!' // !