JavaScript中set与get方法用法示例

时间:2020-05-16 u013063153 人气:0

本文实例分析了JavaScript中set与get方法用法。分享给大家供大家参考，具体如下：

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：

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

浏览器调用结果：

p.age

输出：

18

p.age=23

输出：

23

p.age=200

输出：

Uncaught Error:invalid value

感兴趣的朋友还可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.softyun.net/code/HtmlJsRun，测试一下运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

加载全部内容