javascript中继承的3种方式

叁歲伎倆 2022-05-28 03:35 214阅读 0赞

function S() {
        this.name = "sss";
    }
    S.prototype.say = function() {
        console.log(this.name);
    }
    
    //ES6
    class A extends S {
        constructor(){
            super();
        }
    }
    
    //寄生组合继承
    function B() {
        S.call(this);
    }
    B.prototype = Object.create(S.prototype)
    B.prototype.constructor = B;
    
    //组合继承（构造函数+原型），原型中会多父构造函数中的属性
    function C() {
        S.call(this);
    }
    C.prototype = new S();
    C.prototype.constructor = C;
    
    var a = new A();
    a.say();
    console.log(a instanceof A);
    console.log(a instanceof S);
    console.log(A.prototype.isPrototypeOf(a));
    console.log(S.prototype.isPrototypeOf(a));
    
    var b = new B();
    b.say();
    console.log(b instanceof B);
    console.log(b instanceof S);
    console.log(B.prototype.isPrototypeOf(b));
    console.log(S.prototype.isPrototypeOf(b));
    
    var c = new C();
    c.say();
    console.log(c instanceof C);
    console.log(c instanceof S);
    console.log(C.prototype.isPrototypeOf(c));
    console.log(S.prototype.isPrototypeOf(c));

发表评论取消回复

表情：

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

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

相关阅读

相关 javascript 的七种继承方式（七）类的继承

前言前面我们已经介绍了javascript中6种继承方式，这6中继承方式都是基于es5的，那么接下来我们要讲的是es6中新增的一种继承方式—— 类的继承类在

╰+哭是因爲堅強的太久メ/ 2022年11月30日 15:53/ 0 赞/ 196 阅读

相关 javascript 的七种继承方式（四）原型式继承

前言 .前面我们已经介绍了JavaScript的三种继承方式：原型链，借用构造函数已经二者的组合继承。其中第三种组合继承最为常用。因为我们知道它结融合了原型链和借用构造函

ゞ浴缸里的玫瑰/ 2022年11月29日 11:49/ 0 赞/ 200 阅读

相关 javascript 的七种继承方式（三）组合继承

组合继承前面两篇我们了解到：原型链继承存在着引用类型问题，而借用构造函数又无法实现函数复用和原型方法继承的问题。那么能不能把两者结合一下，取其精华，弃其糟粕？答案是肯定

不念不忘少年蓝@/ 2022年11月29日 08:51/ 0 赞/ 187 阅读

相关 Javascript中的继承方式

一、原型链 ECMAScript中的继承方式主要通过原型链实现。原型链的基本构想：每个构造函数都有一个原型对象，原型有一个属性指回构造函数本身，实例有一个内部指针指

超、凢脫俗/ 2022年11月10日 04:59/ 0 赞/ 181 阅读

相关 Javascript中的几种继承方式比较

开篇 > 从’严格’意义上说，javascript并不是一门真正的面向对象语言。这种说法原因一般都是觉得javascript作为一门弱类型语言与类似java或c\之类的强

太过爱你忘了你带给我的痛/ 2022年07月31日 16:16/ 0 赞/ 170 阅读

相关 JavaScript中的几种继承方式

JavaScript中的几种继承方式: 一:原型链让原型对象等于另一个类型的实例.此时,原型对象包含一个指向另一个原型的指针,相应地,另一个原型中也包含着指

痛定思痛。/ 2022年07月10日 04:22/ 0 赞/ 185 阅读

相关 javascript中继承的3种方式

function S() { this.name = "sss"; } S.prototype.say = function() {

叁歲伎倆/ 2022年05月28日 03:35/ 0 赞/ 215 阅读

相关 javaScript中的继承方式12种

javaScript中的对象的继承方式摘自《JavaScript面向对象编程指南（第二版）》 ![28][] ![29][] ![30][] ![31][]

àì夳堔傛蜴生んèń/ 2022年05月23日 09:10/ 0 赞/ 225 阅读

相关 JavaScript常见的六种继承方式

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

桃扇骨/ 2022年03月31日 11:11/ 0 赞/ 236 阅读

相关【JavaScript】三种方式实现JavaScript继承

1，组合继承 function Parent(value) { this.val = value } Parent.prototype

一时失言乱红尘/ 2022年03月10日 08:46/ 0 赞/ 239 阅读