get和set_set请求-优快云博客

本文链接：https://blog.youkuaiyun.com/yy869949908/article/details/124281281

本文介绍了如何在普通对象、类中使用get和set方法实现属性监听，并通过Object.defineProperty展示了定义描述符的用法。通过实例演示了如何在不同场景下设置和获取属性时触发相应的监听器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

get是获得属性的一种方法。
set是设置属性的一种方法。

普通对象、class类、Object.defineProperty 都可以使用

普通对象

const obj = {
	a:1,
	b:2,
	get c(){
		console.log('获取c属性的时候被监听了')
		return c + '$'
	},
	set c(v){
		console.log('设置c属性的时候被监听了')
		c = v
	}
}
obj.c = 1; // 设置c属性的时候被监听了
console.log(obj.c) // 获取c属性的时候被监听了 // 1$

class类

class A{
  constructor(){
       this.a = 1;
       this.b = 2;
   }
   get c(){
       console.log('获取c属性的时候被监听了')
       return this.a
   }
   set c(v){
       console.log('设置c属性的时候被监听了')
       this.a = v + '$';
   }
}
let obj = new A()
console.log(obj.c); // 获取c属性的时候被监听了 // 1
obj.c = 5;// 设置c属性的时候被监听了
console.log(obj.c);// 获取c属性的时候被监听了 // 5$

Object.defineProperty

const obj = {
       a:1,
       b:2
   }
Object.defineProperty(obj,'c',{
    get(){
        console.log('获取c属性的时候被监听了')
        return c
    },
    set(v){
        console.log('设置c属性的时候被监听了')
        c = v+'$';
    }
})
obj.c = 5; // 设置c属性的时候被监听了
console.log(obj.c);// 获取c属性的时候被监听了 // 5$