彻底搞懂js原型，原型链，继承

最新推荐文章于 2024-07-22 03:33:32 发布

kellywong

最新推荐文章于 2024-07-22 03:33:32 发布

阅读量631

点赞数 1

分类专栏：面试 js基础知识 web前端文章标签： javascript

本文链接：https://blog.csdn.net/kellywong/article/details/106301211

版权

本文详细探讨了JavaScript中的原型和原型链概念，包括构造函数的prototype属性、原型对象及其[[Prototype]]属性，以及如何形成原型链。接着讨论了JavaScript中的继承方式，如原型链继承、构造函数继承、组合继承及其优缺点。还涵盖了Object.create的工作原理和new操作符的执行过程。

摘要由CSDN通过智能技术生成

1、js中的原型和原型链

和其他的面向对象编程语言不同，最开始js并没有引入class的概念，但是js中有在大量使用对象，为了保证对象之间的联系，JavaScript引入了原型与原型链的概念。

1.1、什么是原型

在js中，每一个构造函数都拥有一个prototype属性，这个属性指向一个对象，也就是原型对象。原型对象默认拥有一个constructor属性，指向指向它的那个构造函数，每个对象都拥有一个隐藏的属性[[prototype]]，指向它的原型对象。原型对象就是用来存放实例中共有的那部分属性。

1.2. 什么是原型链

js中所有的对象都是由它的原型对象继承而来。而原型对象自身也是一个对象，它也有自己的原型对象，这样层层上溯，就形成了一个类似链表的结构，这就是原型链, 所有原型链的终点都是Object函数的prototype属性.

1.3. 常见的题目

Array.__proto__ ===  Function.prototype  // true
Array.__proto__.__proto__ === Object.prototype  // true
Function.prototype.__proto__ === Object.prototype  // true


function F(){
   }
Function.prototype.a = function(){
   
	console.log('a1')
}
Function.prototype.b = function(){
   
	console.log('b1')
}
Object.prototype.a = function(){
   
	console.log('a2')
}
Object.prototype.b = function()