首页
学习
活动
专区
工具
TVP
发布

JS原型继承和类式继承

类式继承(构造函数) JS中其实是没有类的概念的,所谓的类也是模拟出来的。特别是当我们是用new 关键字的时候,就使得“类”的概念就越像其他语言中的类了。...原型继承在开发中经常用到。...原型最后指向的是null。我们说的原型继承,就是将父对像的方法给子类的原型。子类的构造函数中不拥有这些方法和属性。...另外就是类式继承不支持多重继承,而对于原型继承来说,你只需要写好extend对对象进行扩展即可。 组合模式 另外的一种模式,是结合类继承原型继承的各自优点来进行对父类的继承。...从这里,我们也可以看到类继承原型基础的一些区别。 结论 原型继承比较符合js这种语言的特点。因为它本身就是js强大的原型的一部分。

3.4K90

js继承原型

对于使用基于类的语言,如 Java 的开发人员,js 令人困惑,因为它是动态的,并且本身不提供一个 class 实现。...(在 ES2015/ES6 中引入了 class 关键字,但那只是语法糖,JavaScript 仍是基于原型)。 谈到继承时,js 只有一种结构:对象。...该原型对象也有一个自己的原型对象( proto ) ,层层向上直到一个对象的原型对象为 null。根据定义,null 没有原型,并作为这个原型链中的最后一个环节。...几乎所有 js 中的对象都是位于原型链顶端的 Object 的实例。 尽管这种原型继承通常被认为是 JavaScript 的弱点之一,但是原型继承模型本身实际上比经典模型更强大。...例如,在原型模型的基础上构建经典模型相当简单。

1.4K10
您找到你想要的搜索结果了吗?
是的
没有找到

JS中的面向对象、原型原型链、继承总结大全

,基本上可以说是js中面向对象开发的一种默认模式,介绍了以上这几种常用创建对象的方式, 还有其他不常用的模式就不介绍了,接下来想说的是js中比较重要的继承。...继承 什么是原型链 ECMA中继承的主要方法就是通过原型链,主要是一个原型对象等于另一个类型的实例,由于实例内部含有一个指向构造函数的指针,这时候相当于重写了该原型对象,此时该原型对象就包含了一个指向另一个原型的指针...属性查找机制 js中实例属性的查找,是按照原型链进行查找,先找实例本身有没有这个属性,如果没有就去查找查找实例的原型对象,也就是[[prototype]]属性指向的原型对象,一直查到Object.prototype...__proto__ === Object.prototype); // true 构造函数模式和原型模式组合继承 只通过原型来实现继承,还存在一定问题,所以js中一般通过借用构造函数和原型组合的方式来实现继承...方法继承,就是上文讲的到的原型链机制继承,另外可以给子构造函数添加自己的属性和方法。 这就是经典继承,避免了但是使用构造函数或者单独使用原型链的缺陷,成为js中最常用的继承方式。

1.4K22

“工厂、构造、原型” 设计模式与 JS 继承

这是我参与「掘金日新计划 · 6 月更文挑战」的第16天,点击查看活动详情 序言 我们在前一篇文章《JS精粹,原型继承和构造函数继承的 “毛病”》 ,提到了:原型继承、构造函数继承、组合继承; 在另一篇文章...《蓦然回首,“工厂、构造、原型”设计模式,正在灯火阑珊处》,提到了:我们用于创建对象的三种设计模式:工厂设计模式、构造设计模式、原型设计模式; 至此,我们可以明显的感受到:JS 要实现面向对象(继承的能力...),离不开这 3 种设计模式; 原型链 + 构造函数 = 组合继承 本篇带来一个新的继承方式:寄生继承,它由工厂模式和构造函数模式组成,即 工厂+构造函数 = 寄生继承 正文 正是由于:原型继承和构造函数继承的...使用寄生式继承继承父 类原型,然后将返回的新对象赋值给子类原型。...的继承,一定离不开:工厂、构造、原型设计模式; 原型链 + 构造函数 = 组合继承 工厂+构造函数 = 寄生继承; 组合继承和寄生继承是最常用的两种继承方式。

98830

js的this、call、apply、bind、继承原型

本文来自我的github 0.前言 这些都是js基础进阶的必备了,有时候可能一下子想不起来是什么,时不时就回头看看基础,增强硬实力。...首先,js没有严格意义上的子类父类,实现继承是依靠原型链来实现类似于所谓的类的效果。...3.2 prototype继承 要想子类获得父类的属性,如果是通过原型来实现继承,那么就是父类的一个实例是子类的原型: function F(){ this.a = [1,2,3,4] this.b...但是实例化都会调用两次构造函数,new和call 3.3Object.create继承原型继承) 这样子,可以在两个prototype中间加上一个中介F类,使得子类不会污染父类,子类A是父类B继承而来...__proto__原型对象被重写,他的构造函数是B,而不是中间量F,对于这种中间类F无意义,而且只是依靠中间原型对象,我们可以用比较完美的寄生组合式继承: function A() {} function

86310

JS原型链与继承别再被问倒了

原文:详解JS原型链与继承 摘自JavaScript高级程序设计: 继承是OO语言中的一个最为人津津乐道的概念.许多OO语言都支持两种继承方式: 接口继承 和 实现继承 .接口继承继承方法签名,而实现继承继承实际的方法....由于js中方法没有签名,在ECMAScript中无法实现接口继承.ECMAScript只支持实现继承,而且其 实现继承 主要是依靠原型链来实现的....JS对象的圈子里有这么个游戏规则: 如果试图引用对象(实例instance)的某个属性,会首先在对象内部寻找该属性,直至找不到,然后才在该对象的原型(instance.prototype)里去找这个属性...基本思路: 使用原型链实现对原型属性和方法的继承,通过借用构造函数来实现对实例属性的继承. 这样,既通过在原型上定义方法实现了函数复用,又能保证每个实例都有它自己的属性....提醒: 原型继承中, 包含引用类型值的属性始终都会共享相应的值, 就像使用原型模式一样. 寄生式继承 寄生式继承是与原型继承紧密相关的一种思路, 同样是克罗克福德推而广之.

57250

构造函数、原型原型链、继承

JS里一切皆对象,对象是“无序属性的集合,其属性值可以是数据或函数”。...如果在实例对象A上访问某个属性或方法,JS会从实例对象A开始沿着原型链层层查找,直到遇见null。...继承 有了原型链的概念就可以开始实现继承了,最基本的模式就是修改原型对象: function Father(){ this.say = function(){return this.name} }...省略分析推导过程,这里只介绍最实用和可靠的实现继承的方式:组合继承,为了方便描述,引入“父类函数”和“子类函数”这两个概念: //父类函数 function Father(name, age){ this.name...总之利用原型链实现可靠继承的步骤是: 在父类函数内设置通用的属性 在子类函数内调用父类函数,并设置特有的属性 修改子类函数的prototype,以继承父类 修改子类函数的prototype.constructor

71520

JS 构造|原型|原型链|继承(圣杯模式)|ES6类语法】下篇

Git专栏:Git篇 JavaScript专栏:js实用技巧篇,该专栏持续更新中,目的是给大家分享一些常用实用技巧,同时巩固自己的基础,共同进步,欢迎前来交流 你的一键三连是对我的最大支持 ❤️...文章目录 ✔️前言 内容 继承 伪经典模式/圣杯模式 类语法 总结 ✔️前言 ❗️ ❗️ ❗️本篇系将带来JavaScript中的构造——原型——原型链——继承——ES6类语法系列知识完整讲解。...❗️ ❗️ ❗️ ❕上篇涉及:构造——原型——原型链 ❕下篇涉及:继承——ES6类语法 内容 继承 初认识 此处我们就以通常在各种平台所见到的会员与非会员举例: 普通会员 属性:用户名、密码 方法:...如何在JS中封装继承?...function inherit(Child, Parent){ // 在原型链上完成继承 Object.setPrototypeOf(Child.prototype, Parent.prototype

63710

JS 构造|原型|原型链|继承(圣杯模式)|ES6类语法】上篇

文章目录 ✔️前言 内容 构造函数 原型 原型链 总结 ✔️前言 ❗️ ❗️ ❗️本篇系将带来JavaScript中的构造——原型——原型链——继承——ES6类语法系列知识完整讲解。...❗️ ❗️ ❗️ ❕上篇涉及:构造——原型——原型链 ❕下篇涉及:继承——ES6类语法 内容 构造函数 何为构造函数?...由于JS中所有对象都是通过new产生的,因此,严格来说,JS中所有对象都称之为实例 //例: const obj = { a:'0', b:'1', c:'2' } //上面等价于var obj =...={ a:'hello', b:66, } Object.setPrototypeOf(obj1,null); console.log(obj1); 总结 js构造函数到原型原型链的部分对初学者比较抽象...下篇为大家带来继承思想,以及经典的★圣杯模式★… 我的博客即将同步至腾讯云开发者社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan

67920
领券