javascript中set与get方法详解

Posted 2020-06-14

其中get与set的使用方法：

1、get与set是方法，因为是方法，所以可以进行判断。

2、get是得到 一般是要返回的   set 是设置 不用返回

3、如果调用对象内部的属性约定的命名方式是_age   

 

 

然后就是几个例子来简单说明一下：

var person ={ _name : "chen", age:21, set name(name) {this._name = name;},get name() {return this._name;}}
console.log(person.name)
输出”chen“
person.name="lunc";
输出"lunc"
person.name
输出"lunc"

例子2：

<script type="text/javascript">
	var p = {
		name:"chen",
		work:function() {
			console.log("wording...");
		},
		_age:18,
		get age(){
			return this._age;
		},
		set age(val) {
			if (val<0 || val> 100) {//如果年龄大于100就抛出错误
				throw new Error("invalid value")
			}else{
				this._age = val;
			}
		}
	};
	console.log(p.name);//输出chen
	</script>

浏览器的直接调试结果：
	p.age
	"18"
	p.age=23
	"23"
	p.age=200
	Uncaught Error: invalid value