JavaScript设计模式：封装和信息隐藏（上）

在 JavaScript 中封装和信息隐藏是非常重要的概念，可帮助我们有效地组织代码并提高代码的可维护性。下面将详细讲解封装和信息隐藏的概念、实现和示例。

什么是封装和信息隐藏？

封装是指将变量、函数等有关联的内容放在一起，形成一个可供外部调用的实体。封装的目的是隐藏内部细节，实现对外部的保护和对内部的隔离。同样的，信息隐藏是一种封装的方式，它可以将对象的一些具体实现细节隐藏起来，只暴露必要的接口供外部调用。

实现封装和信息隐藏的方法

在 JavaScript 中实现封装和信息隐藏，一般有以下几种方法：

1.使用构造函数

使用构造函数可以创建一个对象的实例，同时可以封装一些私有变量和方法，只暴露出一些公有方法供外部调用。下面是一个使用构造函数实现封装和信息隐藏的示例：

function Person(name, age) {
  let _name = name; // 私有变量
  let _age = age; // 私有变量

  // 公有方法
  this.getName = function() {
    return _name;
  };
  this.getAge = function() {
    return _age;
  };
  // 私有方法
  function _incrementAge() {
    _age++;
  }
  // 公有方法
  this.haveBirthday = function() {
    _incrementAge();
  };
}

let person = new Person('张三', 20);
console.log(person.getName()); // 输出：'张三'
person.haveBirthday();
console.log(person.getAge()); // 输出：21

在上面的示例中，_name 和 _age 两个变量被定义为私有变量，只能在内部访问。getName 和 getAge 方法是公有方法，可以被外部调用，用来访问私有变量。_incrementAge 方法是私有方法，只能在内部被调用，用来实现 haveBirthday 方法递增年龄。这种使用构造函数来实现信息隐藏和封装的方法相对简单，使用方便，但是有时也会存在一些性能问题。

2.使用 ES6 的 class

ES6 中引入了 class 关键字，可以方便地实现封装和信息隐藏。与使用构造函数不同的是，使用 class 可以更加优雅地组织代码，提高代码的可读性。下面是一个使用 ES6 的 class 实现封装和信息隐藏的示例：

class Person {
  constructor(name, age) {
    let _name = name; // 私有变量
    let _age = age; // 私有变量

    // 公有方法
    this.getName = function() {
      return _name;
    };
    this.getAge = function() {
      return _age;
    };
  }

  // 私有方法
  _incrementAge() {
    this._age++;
  }

  // 公有方法
  haveBirthday() {
    this._incrementAge();
  }
}

let person = new Person('张三', 20);
console.log(person.getName()); // 输出：'张三'
person.haveBirthday();
console.log(person.getAge()); // 输出：21

在上面的示例中，使用 class 关键字定义了一个 Person 类，将私有变量 _name 和 _age 放在构造函数中，将公有方法 getName 和 getAge 也放在了构造函数中。_incrementAge 方法和 haveBirthday 方法则分别定义在类的内部。这种使用 class 来实现信息隐藏和封装的方法更加简洁，易读。使用 class 关键字可以更方便地实现继承等面向对象的操作。

总结

本文详细讲解了封装和信息隐藏的概念、实现和示例。可以使用构造函数或 ES6 class 关键字来实现封装和信息隐藏，提高代码的可维护性和可读性。