对象和数据结构

使用 getters 和 setters

JS 没有接口或类型，因此实现这一模式是很困难的，因为我们并没有类似 public 和 private 的关键词。

然而，使用 getters 和 setters 获取对象的数据远比直接使用点操作符具有优势。为什么呢？

  1. 当需要对获取的对象属性执行额外操作时。
  2. 执行 set 时可以增加规则对要变量的合法性进行判断。
  3. 封装了内部逻辑。
  4. 在存取时可以方便的增加日志和错误处理。
  5. 继承该类时可以重载默认行为。
  6. 从服务器获取数据时可以进行懒加载。

反例:

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

正例:

  1. class BankAccount {
  2.   constructor() {
  3.        this.balance = 1000;
  4.   }
  6.   // It doesn't have to be prefixed with `get` or `set` to be a getter/setter
  7.   withdraw(amount) {
  8.       if (verifyAmountCanBeDeducted(amount)) {
  9.         this.balance -= amount;
  10.       }
  11.   }
  12. }
  14. let bankAccount = new BankAccount();
  16. // Buy shoes...
  17. bankAccount.withdraw(100);

让对象拥有私有成员

可以通过闭包完成

反例:

  2. var Employee = function(name) {
  3.   this.name = name;
  4. }
  6. Employee.prototype.getName = function() {
  7.   return this.name;
  8. }
  10. var 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. var Employee = (function() {
  2.   function Employee(name) {
  3.     this.getName = function() {
  4.       return name;
  5.     };
  6.   }
  8.   return Employee;
  9. }());
  11. var employee = new Employee('John Doe');
  12. console.log('Employee name: ' + employee.getName()); // Employee name: John Doe
  13. delete employee.name;
  14. console.log('Employee name: ' + employee.getName()); // Employee name: John Doe