JavaScript函数还是Getter显示来自对象的数据

例子 1

var person = {
  firstName: "Bill",
  lastName : "Gates",
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

// 使用方法来显示来自对象的数据：
document.getElementById("demo").innerHTML = person.fullName();

例子 2

var person = {
  firstName: "Bill",
  lastName : "Gates",
  get fullName() {
    return this.firstName + " " + this.lastName;
  }
};

// 使用 getter 来显示来自对象的数据：
document.getElementById("demo").innerHTML = person.fullName;

总结

例子 1 以函数形式访问 fullName：person.fullName()。
例子 2 以属性形式访问 fullName：person.fullName。
第二个例子提供了更简洁的语法。

为什么使用 Getter 和 Setter？

1. 它提供了更简洁的语法
2. 它允许属性和方法的语法相同
3. 它可以确保更好的数据质量
   比如说，可以将英文转为大写之后才显示。
4. 有利于后台工作