Javascript 原型与继承的艺术

前端

2024-01-13 00:48:38

Javascript 原型：基于原型链的继承

Javascript 是一个基于原型的语言，它使用原型链来实现继承。每个对象都有一个原型对象，它包含了一组属性和方法，这些属性和方法可以被其子对象继承。

什么是原型？

原型是一个对象，它定义了一组属性和方法，这些属性和方法可以被其子对象继承。每个对象都有一个原型，原型本身也是一个对象，拥有自己的原型，如此循环往复。

基于原型的继承

与基于类的继承不同，基于原型的继承允许子对象继承其原型的属性和方法，但它并不继承其原型的原型。这意味着子对象只能访问其原型的直接属性和方法，而不能访问其原型的原型的属性和方法。

Javascript 函数和原型

Javascript 函数也是对象，它们也有自己的原型。函数的原型是一个特殊对象，它包含有关该函数的信息，例如函数名称、参数和返回值。当函数被调用时，Javascript 会创建一个新的对象，称为函数作用域对象，它继承了函数的原型，因此可以访问函数原型中的所有属性和方法。

利用原型创建和扩展对象

原型是创建和扩展对象的有力工具。我们可以通过利用原型轻松创建具有相同属性和方法的对象组。此外，我们还可以使用原型扩展现有对象，为它们添加新的属性和方法。

创建具有相同属性和方法的对象组：

const personPrototype = {
  name: 'John Doe',
  age: 30
};

const person1 = Object.create(personPrototype);
const person2 = Object.create(personPrototype);

扩展现有对象：

const personPrototype = {
  name: 'John Doe',
  age: 30
};

personPrototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person1 = Object.create(personPrototype);

person1.greet(); // 输出：Hello, my name is John Doe and I am 30 years old.

基于原型的继承与基于类的继承的比较

基于原型的继承和基于类的继承是两种不同的继承机制，各有优缺点。

特性	基于原型的继承	基于类的继承
灵活度	更灵活，允许更轻松地创建和扩展对象	更结构化，有助于更好地组织代码
访问控制	子对象只能访问其原型的直接属性和方法	子类可以访问父类的所有属性和方法
性能	可能比基于类的继承性能更好，因为不需要创建新的对象来创建子对象	可能比基于原型的继承性能稍差，因为需要创建新的对象来创建子类