对象和数据结构

使用 getters 和 setters

JavaScript 没有接口或类型， 所以坚持这个模式是非常困难的， 因为我们没有 public 和 private
关键字。 正因为如此， 使用 getters 和 setters 来访问对象上的数据比简单的在一个对象上查找属性
要好得多。 “为什么？” 你可能会问， 好吧， 原因请看下面的列表：

  • 当你想在获取一个对象属性的背后做更多的事情时， 你不需要在代码库中查找和修改每一处访问；
  • 使用 set 可以让添加验证变得容易；
  • 封装内部实现；
  • 使用 getting 和 setting 时， 容易添加日志和错误处理；
  • 继承这个类， 你可以重写默认功能；
  • 你可以延迟加载对象的属性， 比如说从服务器获取。

不好的：

  1. class BankAccount {
  2.   constructor() {
  3.     this.balance = 1000;
  4.   }
  5. }
  7. const bankAccount = new BankAccount();
  9. // Buy shoes...
  10. bankAccount.balance -= 100;

好的：

  1. class BankAccount {
  2.   constructor(balance = 1000) {
  3.     this._balance = balance;
  4.   }
  6.   // It doesn't have to be prefixed with `get` or `set` to be a getter/setter
  7.   set balance(amount) {
  8.     if (verifyIfAmountCanBeSetted(amount)) {
  9.       this._balance = amount;
  10.     }
  11.   }
  13.   get balance() {
  14.     return this._balance;
  15.   }
  17.   verifyIfAmountCanBeSetted(val) {
  18.     // ...
  19.   }
  20. }
  22. const bankAccount = new BankAccount();
  24. // Buy shoes...
  25. bankAccount.balance -= shoesPrice;
  27. // Get balance
  28. let balance = bankAccount.balance;

让对象拥有私有成员

这个可以通过闭包来实现（针对 ES5 或更低）。

不好的：

  2. const Employee = function(name) {
  3.   this.name = name;
  4. };
  6. Employee.prototype.getName = function getName() {
  7.   return this.name;
  8. };
  10. const employee = new Employee('John Doe');
  11. console.log(`Employee name: ${employee.getName()}`); // Employee name: John Doe
  12. delete employee.name;
  13. console.log(`Employee name: ${employee.getName()}`); // Employee name: undefined

好的：

  1. const Employee = function (name) {
  2.   this.getName = function getName() {
  3.     return name;
  4.   };
  5. };
  7. const employee = new Employee('John Doe');
  8. console.log(`Employee name: ${employee.getName()}`); // Employee name: John Doe
  9. delete employee.name;
  10. console.log(`Employee name: ${employee.getName()}`); // Employee name: John Doe