JavaScript 是一种基于原型的语言，这意味着对象是通过克隆现有对象来创建的，而不是通过实例化类。在这篇文章中，我们将深入探讨 JavaScript 中的对象和原型，以及它们是如何工作的，并通过一些实际的例子来加深理解。

JavaScript 对象基础

在 JavaScript 中，几乎“所有事物”都是对象。一个对象是一个拥有属性和方法的实体。

创建对象

JavaScript 提供了几种不同的方法来创建对象。

对象字面量

对象可以通过对象字面量创建，这是最简单的方式。

let person = {
    name: '张三',
    age: 30,
    greet: function() {
        console.log('你好，我的名字是 ' + this.name + '！');
    }
};

person.greet(); // 输出：你好，我的名字是 张三！

构造函数

可以使用 new 关键字和构造函数来创建对象。

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.greet = function() {
        console.log('你好，我的名字是 ' + this.name + '！');
    };
}

let person = new Person('李四', 25);
person.greet(); // 输出：你好，我的名字是 李四！

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.greet = function() {
        console.log('你好，我的名字是 ' + this.name + '！');
    };
}

let person = new Person('李四', 25);
person.greet(); // 输出：你好，我的名字是 李四！

Object.create 方法

Object.create 方法可以用来创建一个新对象，使用现有的对象来提供新创建的对象的 __proto__。

let proto = {
    greet: function() {
        console.log('你好，我的名字是 ' + this.name + '！');
    }
};

let person = Object.create(proto);
person.name = '王五';
person.greet(); // 输出：你好，我的名字是 王五！

原型和原型链

每个 JavaScript 对象在创建时都会与另一个对象关联起来，后者就是我们所说的“原型”。对象会从其原型继承属性和方法。

原型继承

当你尝试访问一个对象的属性或方法时，如果该对象本身没有这个属性或方法，JavaScript 会尝试在对象的原型上找这个属性或方法。如果原型上也没有，它会继续查找原型的原型，这样一直回溯到 Object.prototype，这就是所谓的原型链。

示例：原型继承

function Person() {}

Person.prototype.name = '未命名';
Person.prototype.greet = function() {
    console.log('你好，我的名字是 ' + this.name + '！');
};

let person1 = new Person();
person1.greet(); // 输出：你好，我的名字是 未命名！

let person2 = new Person();
person2.name = '赵六';
person2.greet(); // 输出：你好，我的名字是 赵六！

在这个例子中，person1 和 person2 都是 Person 构造函数创建的实例，它们共享了相同的原型 Person.prototype。person1 使用了原型上的 name 属性，而 person2 则有自己的 name 属性。

原型链

原型链是 JavaScript 实现继承的主要方法。每个对象都有一个内部链接指向另一个对象，即其原型。该原型也有自己的原型，以此类推，直到一个对象的原型为 null。按照定义，null 没有原型，并作为这个原型链中的最后一个环节。

示例：原型链

let animal = {
    isAlive: true
};

let mammal = Object.create(animal);
mammal.canBreatheAir = true;

let dog = Object.create(mammal);
dog.canBark = true;

console.log(dog.isAlive); // 输出：true
console.log(dog.canBreatheAir); // 输出：true
console.log(dog.canBark); // 输出：true

在这个例子中，dog 对象从 mammal 对象继承，而 mammal 又从 animal 对象继承。这就形成了一个原型链：dog -> mammal -> animal -> null。

修改原型

虽然修改原型是可能的，但通常不推荐这样做，因为它可能会导致性能问题，并且在代码中引入不可预测的行为。

示例：修改原型

function Person(name) {
    this.name = name;
}

Person.prototype.greet = function() {
    console.log('你好，我的名字是 ' + this.name + '！');
};

let person = new Person('孙七');
person.greet(); // 输出：你好，我的名字是 孙七！

// 修改原型
Person.prototype.sayGoodbye = function() {
    console.log(this.name + '说再见！');
};

person.sayGoodbye(); // 输出：孙七说再见！

在这个例子中，我们在 Person 的原型上添加了一个新的方法 sayGoodbye。由于 person 对象链接到 Person.prototype，它也获得了这个新方法。

总结

了解 JavaScript 中的对象和原型对于深入理解语言的工作原理至关重要。对象提供了一种封装数据和功能的方式，而原型则是实现对象之间继承的机制。通过原型链，对象可以访问不属于自己的属性和方法，从而实现了代码的复用和扩展性。然而，需要谨慎操作原型，避免引入潜在的问题。掌握这些概念将有助于编写更高效、更可靠的 JavaScript 代码。

四时宝库

程序员的知识宝库

34.JavaScript对象和原型（javascript面向对象）