首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript原型链继承与盗用构造函数继承

---- theme: channing-cyan 这是我参与8月更文挑战的第6天,活动详情查看:8月更文挑战 昨天我们讲解了原型和原型链,今天我们说一下继承,顺便再重温一下原型链 什么是继承 继承这个词比较容易理解...这个就是继承。我们直接上干货。 原型链继承 原型链继承是js中的主要继承方式,它的基本思想就是通过原型继承多个引用类型的属性和方法。...对于属性和方法一直会持续到原型链末端 原型链虽然是比较强大的继承实现工具,但是它里面所有的引用值都是实例间共享的,而且子类不能向父类传参,一般原型链也不会被单独使用,我们可以通过盗用构造函数配合来解决这些问题...盗用构造函数 盗用构造函数有时候也被一些人叫做“对象伪装”或“经典继承”。这个思路很简单,在字类构造函数中调用父类构造函数。我们可以用.call()和.apply()将父类构造函数引入子类函数。...盗用构造函数也有一定的问题 1、只能继承父类构造函数的属性。 2、无法实现构造函数的复用。(每次用每次都要重新调用) 3、每个新实例都有父类构造函数的副本,臃肿。

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

【C++】继承 ⑦ ( 继承中的对象模型分析 | 继承中的构造函数和析构函数 )

, 还有一个自己的 int z 成员 , 在内存中是 3 个 int 类型的空间 ; 3、问题引入 - 派生类对象构造函数和析构函数调用 上述 继承 的过程中 , 每一层继承 , 都继承了上一级 父类的...---- 1、子类构造函数与析构函数调用顺序 继承中的构造函数和析构函数 : 子类构造 : 子类对象 进行 构造 时 , 需要调用 父类 的 构造函数继承自父类的 成员变量 进行 初始化 操作...; 构造函数 调用顺序如下 : 构造时 , 先调用 父类 的构造函数 , 构造继承自父类的成员 ; 然后 , 再调用 子类 的 构造函数 , 构造 子类 自己定义的成员 ; 子类析构 : 子类对象...; 然后 , 再调用 父类 的 析构函数 , 析构 继承自父类的成员 ; 2、子类构造函数参数列表 如果 父类 的 构造函数 有 参数 , 则 需要再 子类 的 初始化列表中 显示调用 该有参构造函数...如果继承 A 类 , 如果 A 类有默认的构造函数 , B 类的构造函数可以这么写 , 不显式调用 A 类的构造函数 , 默认调用 A 类的 无参 默认构造函数 ; class B : public

20040

ES6构造函数继承

构造函数继承的概念构造函数继承是一种通过创建子类来继承父类的属性和方法的方式。通过构造函数继承,子类可以获得父类的实例属性,并且可以调用父类的构造函数来初始化这些属性。...这种继承方式允许子类扩展父类的功能,并添加自己的属性和方法。构造函数继承的关键在于使用super()函数在子类的构造函数中调用父类的构造函数。...然后,在子类的构造函数中使用super()函数来调用父类的构造函数。这样可以确保子类继承了父类的属性,并完成了属性的初始化。示例让我们通过一些示例来理解ES6中构造函数继承的使用。...然后,我们定义了一个Dog类,它通过extends关键字继承了Animal类,并添加了一个新的方法bark()。通过构造函数继承,Dog类获得了Animal类的属性和方法。...通过构造函数继承,子类Child获得了两个父类的属性和方法。我们创建了一个Child类的实例,并访问了继承的属性name和age。

34330

函数与虚继承寻踪

函数与虚继承寻踪 封装、继承、多态是面向对象语言的三大特性,熟悉C++的人对此应该不会有太多异议。...继承机制解决了对象复用的问题,然而多重继承又会产生成员冲突的问题,虚继承在我看来更像是一种“不得已”的解决方案。...内的偏移]() 二、单重继承对象模型 我们定义一个继承于MyClass类的子类MyClassA,它重写了fun函数,并且提供了一个新的虚函数funA。...图2 MyClassA对象模型 我们可以得出结论:在单继承形式下,子类的完全获得父类的虚函数表和数据。...而且每一个父类都对应一个单独的虚函数表。MyClassC的对象模型如图3所示。 ? 图3 MyClassC对象模型 多重继承下,子类不再具有自身的虚函数表,它的虚函数表与第一个父类的虚函数表合并了。

86090

JavaScript如何借用构造函数继承

这篇文章主要介绍了JavaScript如何借用构造函数继承,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 借用构造函数继承是在子类型构造函数的内部调用超类型构造函数...借用构造函数继承的优势是可以在子类型构造函数中向超类型构造函数传递参数,例如以下代码: ?...instance = new SubType(); console.log(instance.name); //nick console.log(instance.age); //20 借用构造函数继承的问题...:用构造函数继承并不能继承到超类型原型中定义的方法,例如以下代码,在girlFriends构造函数的原型中添加sayHello方法: ?...girlFriend.prototype.sayHello = function(){ console.log('hello'); } 继承它的子类构造函数的实例并不能调用到这个sayHello

87820

【JS精粹】原型链继承和构造函数继承的 “毛病”

构造函数继承 构造函数继承,也叫做:“盗用构造函数”,“对象伪装”或“经典继承”。 基本思路:在子类构造函数中用 apply()和 call()方法调用父类构造函数。...let s1 = new SubType() let s2 = new SubType() console.log(s1.fn === s2.fn) // true 所以,综上,原型链继承和构造函数继承的...构造函数继承:子类不能访问父类原型上的方法。 咱就是说,这东西怎么这么拧巴呢。。。 于是乎一个规避二者“毛病”的继承方式出现了:组合继承~~ 组合继承 目前最流行的继承模式是组合继承!...思路是:使用原型链继承原型上的属性和方法,而通过构造函数继承实例属性。...,总结起来就是,属性(特别是引用值)通过构造函数继承,而公用的、需要复用的方法用原型链去继承!!

1.2K20

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

继承 有了原型链的概念就可以开始实现继承了,最基本的模式就是修改原型对象: function Father(){ this.say = function(){return this.name} }...Father函数传参,所以我们需要更加实用的继承方式。...省略分析推导过程,这里只介绍最实用和可靠的实现继承的方式:组合继承,为了方便描述,引入“父类函数”和“子类函数”这两个概念: //父类函数 function Father(name, age){ this.name...: 子类继承了父类所设定的属性,但每个实例对象都可以有自己的属性值,不会互相影响 子类共享了父类定义的方法,因为方法是在父类的prototype上的,所以不会在每个实例对象上创建一遍 如果有哪个属性是可以被所有实例对象共享的...总之利用原型链实现可靠继承的步骤是: 在父类函数内设置通用的属性 在子类函数内调用父类函数,并设置特有的属性 修改子类函数的prototype,以继承父类 修改子类函数的prototype.constructor

74620

C++11继承构造函数

更为巧妙的是,C++11标准规定,继承构造函数与类的一些默认函数(默认构造、析构、拷贝构造函数等)一样,是隐式声明,如果一个继承构造函数不被相关代码使用,编译器不会为其产生真正的函数代码。...(2)构造函数拥有默认值会产生多个构造函数版本,且继承构造函数无法继承基类构造函数的默认参数,所以我们在使用有默认参数构造函数的基类时就必须要小心。...(3)多继承的情况下,继承构造函数会出现“冲突”的情况,因为多个基类中的部分构造函数可能导致派生类中的继承构造函数函数名、参数(即函数签名)相同。...C(int) C(int i):A(i),B(i){} }; 为避免继承构造函数冲突,可以通过显示定义继承类冲突的构造函数,组织隐式生成相应的继承构造函数。...此外,使用继承构造函数时,还需要注意以下几点: (1)如果基类构造函数被申明为私有成员函数,或者派生类是从基类中虚继承的 ,那么就不能在派生类中申明继承构造函数; (2)一旦使用继承构造函数,编译器就不会再为派生类生成默认构造函数

1.9K20

TypeScript-继承函数函数声明和重载

TypeScript-继承函数函数声明和重载TS 中的接口和 JS 中的类一样是可以继承的interface LengthInterface { length: number}interface...(name);}箭头函数let say = (name) => { console.log(name);}TS 当中的写法命名函数function say(name: string): void...= (name: string): void => { console.log(name);}TS 函数完整格式在 TS 中函数的完整格式应该是由函数的定义和实现两个部分组成的定义一个函数根据定义实现函数...number) => number = function (x, y) { return x + y;};let res = AddFun(20, 20);console.log(res);TS 函数声明声明一个函数再根据声明去实现这个函数...number;let add: AddFun = function (x, y) { return x + y;};let res = add(30, 20);console.log(res);TS 函数重载函数的重载就是同名的函数可以根据不同的参数实现不同的功能

28010

【C++】继承 ⑧ ( 继承 + 组合 模式的类对象 构造函数 和 析构函数 调用规则 )

一、继承 + 组合 模式的类对象 构造函数和析构函数调用规则 1、场景说明 如果一个类 既 继承了 基类 , 又 在类中 维护了一个 其它类型 的 成员变量 , 那么 该类 的 构造 与 析构 , 就需要涉及到...类 本身 的 构造函数 和 析构函数 , 父类 的 构造函数 和 析构函数 , 类 成员变量 的 构造函数 和 析构函数 ; 2、调用规则 在 继承 + 组合 的情况下 , 构造函数 与 析构函数 调用规则如下...析构函数 ; 最后 , 调用 父类 析构函数 ; 二、完整代码示例分析 ---- 1、代码分析 在下面的代码中 , 继承关系 : C 类 继承了 B 类 class C : public B , B 类...继承了 A 类 class B : public A ; 组合关系 : D 类 是一个普通类 , 在 C 类中维护了一个 D 类成员变量 ; class C : public B { public:...; 然后分析 析构函数 调用顺序 ; C 析构函数 , 是 自身构造函数 ; D 析构函数 , 是 成员构造函数 ; A 和 B 的析构函数 , 是 父类构造函数 ; 析构函数的调用顺序为 : 自身

16910

深入理解javascript中的继承机制(4)多继承寄生式继承借用构造函数借用构造函数并且复制原型以上

就javascript而言,要实现多继承是比较简单的,因为javascript中函数可以接受任意个数目的参数,这就使问题变得简单了。...首先将已有的对象作为新对象的原型,继承它的属性,我们调用了之前的objec函数 然后再给他添加其他属性与方法 借用构造函数 这种继承模式中,就是子对象的构造函数中调用父对象的构造函数,通过apply和...这样的话,triangle对象会继承Shape构造函数中的属性,但不会继承原型中的属性。...(); Triangle.prototype.name = 'Triangle'; 但这样有一个缺点,我们通过调用父类的构造函数继承了父类的自身属性,通过原型继承了父类的自身属性和原型,这样自身属性实际上就被覆盖了两次...下面这个模式就可以更好的解决这个问题 借用构造函数并且复制原型 其实解决上面那个自身属性被继承两次的问题也很简单,我们首先调用apply函数继承父类的自身属性,然后在复制原型属性就可以了,这个方法我们之前已经讨论过就是

66410

Python | super函数是如何来继承

Py 2.x 和 Py 3.x 中有一个很大的区别就是类,无论是类的定义还是类的继承。Py 3.x 中类的继承可以直接使用 super() 关键字代替原来的 super(Class, self)。...那么 super() 到底是依据什么来继承的呢?今天就来分析下。 super()函数根据传进去的两个参数具体作用如下: 通过第一参数传进去的类名确定当前在MRO中的哪个位置。...__mro__) c.name() 执行以上代码输出:当执行C类下的super()函数时,实际调用了A类下的name函数。A中注释掉了super()函数,所以并没有向后继续执行。...main__.B'>, )name is wangname is xiaoming 当我们把A类中的注释去掉后,执行代码输出:可以看到,当A执行后继续执行了B中的name()函数...如果B中仍然有super函数则会继续向上去查找object中是否有name()函数

78430

Javascript面向对象编程(二):构造函数继承

今天要介绍的是,对象之间的"继承"的五种方法。 比如,现在有一个"动物"对象的构造函数。   ...一、 构造函数绑定 第一种方法也是最简单的方法,使用call或apply方法,将父对象的构造函数绑定在子对象上,即在子对象构造函数中加一行:   function Cat(name,color){...alert(cat1.constructor == Animal); // true 这显然会导致继承链的紊乱(cat1明明是用构造函数Cat生成的),因此我们必须手动纠正,将Cat.prototype...这一行放在这里,只是为了实现继承的完备性,纯属备用性质。 五、 拷贝继承 上面是采用prototype对象,实现继承。我们也可以换一种思路,纯粹采用"拷贝"方法实现继承。...Cat, Animal);   var cat1 = new Cat("大毛","黄色");   alert(cat1.species); // 动物 (本系列未完,请继续阅读第三部分《非构造函数继承

1.2K80
领券