js继承学习笔记

电玩女神 2021-12-05 13:25 243阅读 0赞

一、构造函数继承

function Parent() {
         this.name = 'parent'
    }
            
    Parent.prototype.arr = [1,2,3];
            
    function Child() {
          Parent.call(this)
          this.age = 12
    }
            
    var s = new Child()

缺点：无法继承父类构造函数原型对象上的属性和方法

二、原型链继承

1 function Parent() {
     2        this.name = 'parent'
     3 }
     4         
     5 Parent.prototype.arr = [1,2,3];
     6         
     7 function Child() {
     8         this.age = 12
     9 }
    10 Child.prototype = new Parent
    11 var s = new Child()

缺点：当多个实例继承Child构造函数后，改变某一个实例的name值，其他实例的name值也会改变

三、组合式继承

1 function Parent() {
     2      this.name = 'parent'
     3 }
     4 
     5 Parent.prototype.arr = [1,2,3];
     6 
     7 function Child() {
     8       Parent.call(this)
     9       this.age = 12
    10 }
    11 
    12 Child.prototype = Object.create(Parent.prototype)
    13 
    14 var s = new Child()

推荐使用，缺点...有待发掘

转载于:https://www.cnblogs.com/extroxe-1204/p/prototype.html

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java学习笔记（3）——继承

继承概念：继承是类与类的一种关系，是一种"is a"的关系，在Java中继承都是单继承。优点： 1. 子类拥有父类的属性和方法， 2. 实现代码的复

ゞ浴缸里的玫瑰/ 2023年10月18日 14:19/ 0 赞/ 106 阅读

相关 JS学习44：一个标准继承

1、标准继承关于继承的文章，前面已经写过不少了（详见：[http://qianduanblog.com/search/%E7%BB%A7%E6%89%BF/][http

爱被打了一巴掌/ 2022年07月15日 11:15/ 0 赞/ 169 阅读

相关 js学习笔记

6.函数 6.1函数的概念为什么需要用函数循环的嵌套 for(var n=2; n<100; n++){ var m = Math.ceil

你的名字/ 2022年06月11日 06:57/ 0 赞/ 160 阅读

相关 js学习笔记

2.8程序设计思维程序是啥宿舍报修：填写报修→上报宿舍管理员→联系物业→找维修工→上门维修→反馈银行开户：客户填写开户申请单→提交证件资料→审核资料的真实性（本人资

た入场券/ 2022年06月11日 00:59/ 0 赞/ 177 阅读

相关 JS学习笔记

之前刷过很多遍教程，效果总是不理想，学习笔记也做了，也跟着敲了代码，总是感觉像是新手，我想应该是平常缺乏练习，每天的代码量没有起来，导致几天就忘，那从侧面反映出我现在还有一丝懒

不念不忘少年蓝@/ 2022年05月22日 11:40/ 0 赞/ 155 阅读

相关面试笔记（三）---JS继承

Js继承大多OO语言都支持两种继承方式：接口继承和实现继承，而ECMAScript中无法实现接口继承，ECMAScript只支持实现继承，而且其实现继承主要是依靠原

r囧r小猫/ 2022年05月17日 23:15/ 0 赞/ 128 阅读

相关学习笔记（JS）

1、js的变量数据类型：javascript是一种弱类型的数据语音定义变量：var a = 20 var a = “”; 可以通过typeof来进行判断你的

Myth丶恋晨/ 2022年05月15日 10:44/ 0 赞/ 181 阅读

相关 js继承:一网打尽js继承

转载：原地址：[https://mp.weixin.qq.com/s/NkxW367Znl5Hb47\_vv8Eeg][https_mp.weixin.qq.com_s_Nkx

刺骨的言语ヽ痛彻心扉/ 2022年03月12日 07:24/ 0 赞/ 248 阅读

相关 js继承学习笔记

一、构造函数继承 function Parent() { this.name = 'parent' } P

电玩女神/ 2021年12月05日 13:25/ 0 赞/ 244 阅读

相关 JS学习笔记

1.JS是单线程的，同一时刻只能执行一个代码片段，即所谓的单线程执行模型、 2.所有已生成的时间都会放在同一个事件队列中。 3.其放置事件的队列是在页面构建阶段和事件处理阶

怼烎@/ 2021年11月01日 11:46/ 0 赞/ 326 阅读