深入理解JavaScript系列（18）：面向对象编程之ECMAScript实现

什么是面向对象编程（OOB）

面向对象编程是一种常见的编程范式，也是JavaScript编程中一个重要的概念。它将程序中的数据和方法组织为对象，使得程序具有更好的可读性、可复用性和可维护性。

面向对象编程中的关键点包括：封装、继承和多态。封装是指将数据和方法封装到一个对象中，并限制外部对其访问的方式。继承是指一个对象可以继承另一个对象的属性和方法，从而使得代码得以复用。多态是指一个对象可以表现出多种形式，使得程序更为灵活。

JavaScript是一门基于原型的语言，而原型构成了组成JavaScript的对象的基础。基于原型的语言中，创建一个新的对象时，可以从一个现有的对象克隆出来。这个现有的对象被称为原型。原型负责定义新对象所需的属性和方法。新对象继承自原型。

在JavaScript中，可以使用ECMAScript的方式创建对象。

ECMAScript创建对象的方式

ECMAScript提供了三种方式来创建对象，分别是：构造函数、对象字面量和原型链。下面我们分别来介绍一下。

1. 构造函数

构造函数是一种创建对象的方式，可以通过在函数名称前加上new来创建一个新对象。构造函数中可以使用this关键字引用新创建的对象，并添加属性和方法。

// 构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log("Hello, my name is " + this.name + ", I am " + this.age + " years old.");
  }
}

// 创建新对象
var p1 = new Person("Jack", 25);

// 调用方法
p1.sayHello(); // Hello, my name is Jack, I am 25 years old.

在代码中，我们定义了一个Person的构造函数。在构造函数中，我们使用this关键字引用新创建的对象，并为其添加了name、age和sayHello方法。接下来，我们通过new关键字创建了一个新的Person对象，并将其赋值给变量p1。最后，我们调用了p1的sayHello方法，输出了相应的结果。

2. 对象字面量

对象字面量是一种使用花括号{}来创建对象的方式。对象字面量中，可以直接定义属性和方法，并用逗号隔开。

// 对象字面量
var p2 = {
  name: "Bob",
  age: 30,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + ", I am " + this.age + " years old.");
  }
};

// 调用方法
p2.sayHello(); // Hello, my name is Bob, I am 30 years old.

在代码中，我们定义了一个p2的对象字面量。在p2中，我们定义了name、age和sayHello方法。接下来，我们直接调用p2的sayHello方法，输出了相应的结果。

3. 原型链

原型链是一种定义对象之间继承关系的方式。在原型链中，每个对象都有一个“原型”，可以通过属性__proto__或Object.getPrototypeOf()获取。每个构造函数的原型都是Object的实例。通过在原型上定义属性和方法，可以使得每个从该原型中继承的对象都拥有这些属性和方法。

// 构造函数
function Animal(name) {
  this.name = name;
}
// 原型
Animal.prototype.sayHello = function() {
  console.log("Hello, my name is " + this.name + ".");
}

// 创建新对象
var a1 = new Animal("dog");
a1.sayHello(); // Hello, my name is dog.

// 继承
function Cat(name) {
  this.name = name;
}
Cat.prototype = new Animal();

// 创建新对象
var c1 = new Cat("Tom");
c1.sayHello(); // Hello, my name is Tom.

在代码中，我们定义了一个Animal构造函数，并在其原型上定义了sayHello方法。接下来，我们创建了一个Animal对象a1，并调用其sayHello方法。然后，我们继续定义了一个Cat构造函数，并将其原型设置为Animal的实例。通过这种方式，Cat对象继承了Animal的属性和方法。接下来，我们创建了一个Cat对象c1，并调用其sayHello方法，输出了相应的结果。

结语

本文介绍了ECMAScript创建对象的三种方式：构造函数、对象字面量和原型链。这三种方式可以使得JavaScript的编程更加灵活和高效。当然，除了对象的创建方式，面向对象编程还涉及到诸如继承、多态等更深刻的概念，这些内容我们将在以后的文章中为大家详细讲解。