JavaScript 原型和原型链

煜鉴

JavaScript 是一种基于原型继承的语言。在 JavaScript 中，对象是通过原型链来继承属性和方法的。
一、原型
每一个对象都有一个 proto 属性，该属性指向该对象的原型。原型本质上也是一个对象，所有的对象都拥有一个原型，除了 Object.prototype。
JavaScript 中有一个 Object.create() 方法可以用来创建一个新对象，并且可以指定该对象的原型。
例如：

1. let obj1 = {
2.   name: "object1",
3.   sayName: function() {
4.     console.log(this.name);
5.   }
6. };
8. let obj2 = Object.create(obj1);
9. console.log(obj2.name);  // "object1"
10. obj2.sayName(); // "object1"

复制代码

在上面代码中，obj2 是通过 obj1 创建的，obj2 的原型是 obj1，所以 obj2 可以继承 obj1 的属性和方法。
二、原型链
原型链是一种链式结构，它描述了对象与其原型之间的关系。当对象访问一个属性或方法时，如果在自身中找不到，就会在其原型中寻找，如果在原型中还找不到，就会继续在原型的原型中寻找，直到找到为止或者到达原型链的顶端（Object.prototype）。
在 JavaScript 中，原型链的顶端是 Object.prototype，它是所有对象的根原型。Object.prototype 上面没有原型了。
同时原型链也可能会出现循环引用的情况，所以在使用原型链时需要注意避免这种情况。
JavaScript 中的原型和原型链是 JavaScript 中非常重要的一部分，它们是 JavaScript 继承的基础。在 JavaScript 中，所有的对象都是通过原型继承来继承属性和方法的，这样能够节省内存空间和提高代码复用性。
三、继承
对于 JavaScript 的继承来说，原型链是其中一种常用的方式，还有一种是 ES6 中新增的类和继承的概念。
ES6 中的 class 和 extends 关键字可以用来定义类和继承。这种方式和原型链继承本质上是一样的，只是语法上更加类似传统面向对象语言。
例如：

1. class Parent {
2.   constructor(name) {
3.     this.name = name;
4.   }
5.   sayName() {
6.     console.log(this.name);
7.   }
8. }
10. class Child extends Parent {
11.   constructor(name, age) {
12.     super(name);
13.     this.age = age;
14.   }
15.   sayAge() {
16.     console.log(this.age);
17.   }
18. }
20. let child = new Child("Bob", 10);
21. child.sayName(); // "Bob"
22. child.sayAge(); // 10

复制代码

在上面的代码中，使用 class 和 extends 关键字定义了一个父类 Parent 和一个子类 Child。Child 类继承了 Parent 类，也就是说 Child 对象可以继承 Parent 对象的属性和方法。
constructor 是类的构造函数，在使用 new 创建类的实例时会调用该函数。在子类中，使用 super(name) 调用父类的构造函数，这样可以继承父类的属性。
在子类中可以添加新的属性和方法，例如 sayAge 方法，这样就实现了对父类的继承和扩展。
JavaScript 的原型链和 ES6 中的 class 和 extends 都是实现继承的方式。其中原型链继承更加灵活，对于继承和扩展都比较方便，但是语法上比较麻烦。而 class 和 extends 的语法更加类似传统面向对象语言，更加易于理解，但是在继承和扩展上比较限制。

来源:https://www.cnblogs.com/yuzhihui/p/17047616.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！