html运行实例（js_classes_getters

代码示例：（标识：js_classes_getters_2）

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Class Gettter/Setter</h1>

<p>在 JavaScript 中使用 getter/setter 时，使用下划线字符是常见做法，但不是强制性的，您可以随意命名它们，但不能与属性名称相同。</p>

<p id="demo"></p>

<script>
class Car {
  constructor(brand) {
    this._carname = brand;
  }
  get carname() {
    return this._carname;
  }
  set carname(x) {
    this._carname = x;
  }
}

let myCar = new Car("Ford");

document.getElementById("demo").innerHTML = myCar.carname;
</script>

</body>
</html>