原生JS中的原型和原型链，轻松掌握

2023-09-28 21:59:49

原型是什么？

在JavaScript中，每个对象都有一个原型，原型是一个对象，它包含了一些属性和方法，这些属性和方法可以被它的子对象继承。prototype是JavaScript中实现继承的一种机制。
原型可以类比于Java中的父类。在Java中实现继承有接口继承与实现继承两种方式，接口继承只继承方法签名，而实现继承则继承实际的方法。由于JavaScript中的函数没有签名，在ECMAScript无法实现接口继承，ECMAScript只支持实现继承，而其实现继承的主要依靠原型与原型链。
JavaScript中的原型可以类比为Java中的父类。在Java中实现继承有接口继承与实现继承两种方式，接口继承只继承方法签名，而实现继承则继承实际的方法。由于JavaScript中的函数没有签名，在ECMAScript无法实现接口继承，ECMAScript只支持实现继承，而其实现继承的主要依靠原型与原型链。

原型链是什么？

原型链是一条从子对象到父对象的链，沿着这条链，子对象可以访问父对象的所有属性和方法。
原型链在JavaScript中是一个非常重要的概念，它允许您在不修改父对象的情况下扩展和复用代码。

如何使用原型和原型链？

在JavaScript中，可以使用Object.create()方法来创建一个新对象，并将另一个对象作为它的原型。这样，新对象就会继承另一个对象的属性和方法。

// 创建一个父对象
const parent = {
  name: 'John Doe',
  age: 30,
  greet: function() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
};

// 使用Object.create()方法创建一个子对象
const child = Object.create(parent);

// 子对象可以访问父对象的所有属性和方法
console.log(child.name); // John Doe
console.log(child.age); // 30
child.greet(); // Hello, my name is John Doe and I am 30 years old.