ES5 与 ES6 中 set&get的用法

es6 专栏收录该内容
2 篇文章 0 订阅

ES5 与 ES6 中 set&get的用法

//ES5
Object.defineProperty(obj,"name",{
	get:function(){
		console.log("正在访问name");
		return this._name;
	},
	set:function(val){
		console.log("正在修改name");
		this._name = val;
	}
});

obj.name  = 10;
// console.log(obj);
// console.log(obj.name);
//es6中get & set
class Person{
	constructor(){
		this._name = '';
	}
	get name(){
		console.log("正在访问name");
		return `我的名字是${this._name}`;
	}
	set name(val){
		console.log("正在修改name");
		this._name = val;
	}
}

const person = new Person();
person.name = "歌王";
console.log(person.name); //先访问set 再访问get

_是一种常用记号,表明该属性只能通过对象方法访问。

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值