JavaScirpt基础 之 getter 和 setter

JavaScirpt基础 之 getter 和 setter

getter 和 setter

类中我们可以使用 getter 和 setter 来获取和设置值，getter 和 setter 都需要在严格模式下执行。

getter 和 setter 可以使得我们对属性的操作变的很灵活。

类中添加 getter 和 setter 使用的是 get 和 set 关键字。

以下实例为 sitename 属性创建 getter 和 setter：

实例

class Baidu {
  constructor(name) {
    this.sitename = name;
  }
  get s_name() {
    return this.sitename;
  }
  set s_name(x) {
    this.sitename = x;
  }
}
 
let noob = new Baidu("百度");
 
document.getElementById("demo").innerHTML = noob.s_name;

注意：即使 getter 是一个方法，当需要获取属性值时也不要使用括号。

getter/setter 方法的名称不能与属性的名称相同，在本例中属名为 sitename。

很多开发者在属性名称前使用下划线字符 _ 将 getter/setter 与实际属性分开：

以下实例使用下划线 _ 来设置属性，并创建对应的 getter/setter 方法：

实例

class Baidu {
  constructor(name) {
    this._sitename = name;
  }
  get sitename() {
    return this._sitename;
  }
  set sitename(x) {
    this._sitename = x;
  }
}
 
let noob = new Baidu("百度");
 
document.getElementById("demo").innerHTML = noob.sitename;

要使用 setter，请使用与设置属性值时相同的语法，虽然 set 是一个方法，但需要不带括号：

实例

class Baidu {
  constructor(name) {
    this._sitename = name;
  }
  set sitename(x) {
    this._sitename = x;
  }
  get sitename() {
    return this._sitename;
  }
}
 
let noob = new Baidu("百度");
noob.sitename = "Baidu";
document.getElementById("demo").innerHTML = noob.sitename;