封装抽象数据的JavaScript对象

2023-10-15 23:21:52

封装的含义

封装意味着隐藏信息，在JavaScript中，可以通过将变量和函数声明在对象内部来实现封装，从而将它们隐藏起来，只允许通过对象的方法来访问。

创建封装对象的简单示例

const person = {
  // 私有变量
  _name: "John",
  _age: 30,

  // 公共方法
  getName: function() {
    return this._name;
  },

  setAge: function(newAge) {
    this._age = newAge;
  }
};

在这个示例中，_name 和 _age 是私有变量，只能在 person 对象内部访问。getName() 和 setAge() 是公共方法，可以通过 person 对象来调用。

使用闭包实现封装

闭包是 JavaScript 中一种非常强大的技术，它允许函数访问其创建时的局部变量，即使该函数已经执行完毕。这使得闭包非常适合用来创建具有私有状态的函数。

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

  // 公共方法
  return {
    getName: function() {
      return _name;
    },

    setAge: function(newAge) {
      _age = newAge;
    }
  };
}

在这个示例中，createPerson() 函数返回一个对象，该对象包含 getName() 和 setAge() 这两个公共方法。这两个方法都可以访问私有变量 _name 和 _age。

共享私有状态的闭包

当创建了许多的闭包共享相同的私有状态时，我们就创建了一个对象。

const person = (function() {
  // 私有变量
  const _name = "John";
  const _age = 30;

  // 公共方法
  return {
    getName: function() {
      return _name;
    },

    setAge: function(newAge) {
      _age = newAge;
    }
  };
})();