逐步剖析 OOP（面向对象编程）：揭秘闭包与继承链

前端

2023-11-03 05:35:59

面向对象编程 (OOP) 是一种广为人知的编程范式，以对象作为基本单位，将数据和行为封装起来。它具有四个基本特征：继承、多态、封装和抽象。其中，继承和闭包是 OOP 中两个重要的概念，它们共同作用，构建出了一个灵活且可维护的系统。

闭包与继承链

闭包（Closure）

闭包是一种函数，可以访问其定义范围之外的变量，即使函数已经返回。闭包在 JavaScript 中很常见，因为 JavaScript 是一种基于原型的语言，没有块级作用域。

在 OOP 中，闭包通常用于实现私有变量和方法。例如，我们可以使用闭包来创建一个对象，其中包含一个私有变量和一个公开的方法。公开的方法可以使用私有变量，但外部代码无法访问私有变量。

继承链（Prototype Chain）

继承链是 JavaScript 中的一种机制，它允许对象继承另一个对象的属性和方法。继承链从全局对象开始，每个对象都有一个指向其原型的指针。当对象访问一个属性或方法时，JavaScript 会沿着继承链向上查找，直到找到该属性或方法。

继承链使我们能够创建可重用的代码，并通过扩展现有对象来创建新的对象。例如，我们可以创建一个动物对象，然后创建猫和狗对象，继承动物对象的属性和方法。

闭包和继承链在 OOP 中的作用

闭包和继承链是 OOP 中两个强大的工具，它们共同作用，构建出了一个灵活且可维护的系统。闭包允许我们实现私有变量和方法，而继承链使我们能够创建可重用的代码并通过扩展现有对象来创建新的对象。

让我们来看一个具体的例子。假设我们有一个动物对象，其中包含一个私有变量 name 和一个公开的方法 getName。我们可以使用闭包来创建猫和狗对象，继承动物对象的属性和方法，并使用 getName 方法来获取动物的名称。

// 动物对象
const Animal = (function () {
  // 私有变量
  let _name;

  // 公开方法
  const getName = function () {
    return _name;
  };

  // 返回一个构造函数
  return function (name) {
    // 将私有变量 _name 赋值为构造函数的参数
    _name = name;

    // 返回一个对象，该对象继承了 Animal 原型的属性和方法
    return Object.create(Animal.prototype);
  };
})();

// 猫对象
const Cat = (function (Animal) {
  // 继承 Animal 对象
  const Cat = function (name) {
    Animal.call(this, name);
  };

  // 创建 Cat 原型对象，并继承 Animal 原型的属性和方法
  Cat.prototype = Object.create(Animal.prototype);

  // 在 Cat 原型对象中添加一个方法
  Cat.prototype.meow = function () {
    console.log(`${this.getName()} says meow!`);
  };

  // 返回 Cat 构造函数
  return Cat;
})(Animal);

// 狗对象
const Dog = (function (Animal) {
  // 继承 Animal 对象
  const Dog = function (name) {
    Animal.call(this, name);
  };

  // 创建 Dog 原型对象，并继承 Animal 原型的属性和方法
  Dog.prototype = Object.create(Animal.prototype);

  // 在 Dog 原型对象中添加一个方法
  Dog.prototype.bark = function () {
    console.log(`${this.getName()} says woof!`);
  };

  // 返回 Dog 构造函数
  return Dog;
})(Animal);

// 创建猫对象
const cat = new Cat('Kitty');

// 创建狗对象
const dog = new Dog('Buddy');

// 调用 getName 方法
console.log(cat.getName()); // Kitty
console.log(dog.getName()); // Buddy

// 调用 meow 方法
cat.meow(); // Kitty says meow!

// 调用 bark 方法
dog.bark(); // Buddy says woof!