位置: 编程技术 - 正文
JS继承--原型链继承和类式继承(js继承原型链)
发布时间：2024-02-27什么是继承啊？答：别人白给你的过程就叫继承。
为什么要用继承呢？答：捡现成的呗。
好吧，既然大家都想捡现成的，那就要学会怎么继承！
在了解之前，你需要先了解构造函数、对象、原型链等概念......
JS里常用的两种继承方式：
原型链继承（对象间的继承）类式继承（构造函数间的继承）原型链继承：
利用proInherit（obj）方法，传入对象，就能实现对象的属性及方法的继承，这个方法不是内置方法，所以要自己定义，非常简单：
其中F()为一个临时的空的构造函数，然后将F()的原型设置为父对象，但是同时它又通过受益于_proto_链接而具有其父亲对象的全部功能。
链式图解：
类式继承：
下面我们来看看这个继承的关键方法：classInherit(Parent,Child)
分析一下这个方法：
首先创建一个空的构造函数F(),用其实例的_proto_属性来构建父类与子类的原型链。起到一个代理的作用，目的是为了防止C.prototype = P.prototype，这样会在子类实例化后修改属性或方法时候，连同父类一起修改。整体采用即时函数并且在闭包中存储F()，防止多次继承时候创建大量的空的构造函数，从而减少消耗内存。最后一行的意思是，由于原型链的关系，C的实例对象的constructor会指向P，所以重新设置。链式图解：
这种方式虽然在实例的时候继承了原型方法，但是父类的属性无法继承，下面介绍一种复制继承，算是对类式继承的补充。
复制继承：
分析下copyInherit(p,c)
当一个值赋予一个变量时候，分为传值和传引用两种方式，当你父对象内属性包含数组类型或是对象类型时候， c[i] = toStr.call(p[i]) == astr ? [] : {};这一句会避免修改子对象属性而引起的父对象属性被篡改。
总结:
类式继承比较普遍，因为大家都比较熟悉这种构造函数方式，但是内存占用比较大。而原型式继承，占用内存比较小，但是包含数组，或者对象类型的克隆比较麻烦。复制继承简单，而且应用广泛。
推荐整理分享JS继承--原型链继承和类式继承(js继承原型链)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js中的原型和原型链,js 继承原理,js 原型链继承 原型式继承,js 原型继承的几种方法,js原型链constructor,js 原型链继承 原型式继承,js 原型链继承 原型式继承,js 原型链继承 原型式继承,内容如对您有帮助，希望把文章链接给更多的朋友！
Node.js生成HttpStatusCode辅助类发布到npm 作为一个好的RestfullApi不仅在于serviceurl的语义,可读性,幂等,正交，作为http状态码也很重要，一个好的HttpStatusCode给使用者一个很好的响应，比如表示
分析Node.js connect ECONNREFUSED错误 最近在准备Angularjs+node.jsdemo的时候在我的mac开发中遇见此错误，如下：events.js:throwarguments[1];//Unhandled'error'event^Error:connectECONNREFUSEDaterrnoException(net.js::
关于JavaScript中的关联数组分析 通常的数组在填充时会隐式或者显示指定数组下标，但JS中数组可以以名字的形式为元素赋值，这就形成了关联数组，如：vararr=newArray();arr["china"]="beijing
标签: js继承原型链
本文链接地址:https://www.jiuchutong.com/biancheng/377643.html 转载请保留说明！
