JS从0开始（十一）原型链深入、对象继承、create、call和apply

揭秘 JavaScript 原型链、继承和高级函数

原型链：对象关系的基石

JavaScript 中的原型链是一种机制，它建立了对象之间的关系网络。每个对象都包含一个指向其原型对象的内部属性 [[Prototype]]。原型对象又具有自己的 [[Prototype]] 属性，依次指向其原型对象，如此循环往复，形成一条链状结构。

原型链允许对象访问其原型对象上的属性和方法。就像一个人可以继承父母的某些特征一样，一个对象也可以从其原型对象那里“继承”属性和方法。

对象继承：从原型对象继承属性和方法

对象继承是对象从另一个对象继承属性和方法的能力。在 JavaScript 中，对象可以通过原型链继承属性和方法。如果一个对象包含一个名为 name 的属性，而其原型对象也包含一个名为 name 的属性，则该对象可以通过 name 属性访问到原型对象上的 name 属性。

create 函数：创建新对象的工厂

create 函数是一个内置函数，用于创建新对象。它接收两个参数：第一个参数是新对象的原型对象，第二个参数是新对象本身。create 函数返回新创建的对象。

const newObject = Object.create(Object.prototype);

这行代码将创建一个新对象 newObject，其原型对象为 Object.prototype。

call 和 apply 函数：调用函数的不同方式

call 和 apply 函数是内置函数，用于调用函数。这两个函数都可以接收两个参数：第一个参数是函数本身，第二个参数是一个数组，包含函数的参数。

call 函数直接将参数传递给函数，而 apply 函数将数组中的元素逐个传递给函数。

const fn = function(a, b) {
  console.log(a + b);
};

fn.call(null, 1, 2); // 3
fn.apply(null, [1, 2]); // 3

结论：JavaScript 中的面向对象编程的基础

原型链、对象继承、create、call 和 apply 函数是 JavaScript 面向对象编程机制的基础。它们允许开发者创建和管理对象，建立对象之间的关系，并以不同的方式调用函数。理解这些概念对于掌握 JavaScript 的高级功能至关重要。

常见问题解答

1. 如何检查对象的原型对象？
可以使用 Object.getPrototypeOf() 方法检查对象的原型对象。

const obj = {};
const proto = Object.getPrototypeOf(obj);

2. 如何向对象添加属性或方法？
可以使用 Object.defineProperty() 方法或 obj.property = value 语法向对象添加属性或方法。

Object.defineProperty(obj, "name", {
  value: "John Doe"
});
obj.age = 30;

3. 如何在 JavaScript 中实现多重继承？
JavaScript 不支持多重继承，但可以使用组合和委派等技术来模拟多重继承。

4. call 函数和 apply 函数有什么区别？
call 函数直接将参数传递给函数，而 apply 函数将数组中的元素逐个传递给函数。

5. 何时应该使用原型链而不是类？
原型链更轻量级，在创建和管理大量对象时更有效率。类提供了更多的封装和语法糖，但可能具有更高的开销。