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

本文详细探讨了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()
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值