js中实现 在子类中通过 call或者apply来调用父类的构造函数

最新推荐文章于 2022-03-17 13:36:56 发布
最新推荐文章于 2022-03-17 13:36:56 发布
阅读量645 收藏 1
点赞数
分类专栏： js基础 手撕js本地存储 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48009560/article/details/115531626
版权
本文介绍了如何在JavaScript子类中通过.call()或.apply()调用父类的构造函数，以此实现继承。这种方法只继承了父类构造函数的属性，不包括原型链上的属性，解决了原型链继承的部分缺点，如可以向父实例传参，但同时也存在一些限制，比如不能复用构造函数，且每个实例都有父类构造函数副本，可能导致内存浪费。
摘要由CSDN通过智能技术生成

如何实现 在子类中通过 call或者apply来调用父类的构造函数
重点：用.call()和.apply()将父类构造函数引入子类函数（在子类函数中做了父类函数的自执行（复制））
　　　　特点：1、只继承了父类构造函数的属性，没有继承父类原型的属性。
　　　　　　　2、解决了原型链继承缺点1、2、3。
　　　　　　　3、可以继承多个构造函数属性（call多个）。
　　　　　　　4、在子实例中可向父实例传参。
　　　　缺点：1、只能继承父类构造函数的属性。
　　　　　　　2、无法实现构造函数的复用。（每次用每次都要重新调用）
　　　　　　　3、每个新实例都有父类构造函数的副本，臃肿。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
最低0.47元/天 解锁文章
风中摇曳的裤衩哥
关注
专栏目录
js高级-继承call()，借用父构造函数继承属性，借用父构造函数继承方法
qiaoyangla的博客
02-27 217
调用这个函数，并且修改函数运行时的this指向 fun.call(thisArg,arg1,arg2,...) this.Arg :当前调用函数this的指向对象 arg1，arg2 ：传递的其他参数 1.call()可以调用函数 function fn(){ console.log('我想喝咖啡') } fn.call(); 输出：我想喝咖啡 2.call()可以改变这个函数的this指向，此时的这个函数的this就指向了o这个对象 functi...
Effective JavaScript Item 38 在子类构造函数中调用父类构造函数
不忘初心，好好沉淀
10-13 4137
本系列作为Effective JavaScript的读书笔记。   在一个游戏或者图形模拟的应用中，都会有场景(Scene)这一概念。在一个场景中会包含一个对象集合，这些对象被称为角色(Actor)。而每个角色根据其类型会有一个图像用来表示，同时场景也需要保存一个底层图形展示对象的引用，被称为上下文(Context)： function Scene(context, width, h
javascript练习-子类调用父类的构造函数和方法
bangshix821034的博客
12-20 486
function NonNullSet(){ Set.apply(this,arguments); } NonNullSet.prototype = inherit(Set.prototype); NonNullSet.prototype.constructor = NonNullSet; NonNullSet.prototype.add = function(...
JS在子类中用Object.getPrototypeOf去调用父类方法
zhouruitao的专栏
04-29 161
每个function有个prototype属性，称为原型，每个对象也有个原型。Firefox/Safari/Chrome/Opera 中可以通过__proto__来访问，IE中没有提供相关接口。   function Person(){ this.method1 = function(){} } Person.prototype.method2 = function(){} ...
JavaScript 子类调用父类构造器实现继承
王亮的专栏
05-07 2312
/** * Created by liveinjs on 2014/5/7. */ function C(){ this.name = "C"; } function C2() { C.call(this);//这个必须放在第一行，不然 它会 让 this.name = "C" this.name = "C2"; this.father = 'C';
利用javascript中的call实现继承
10-31
总结来说，利用JavaScript中的`call`方法实现继承，主要是通过在子类构造函数内部调用父类构造函数，改变`this`的指向，从而将父类的属性和方法复制到子类实例上。这种方式灵活且易于理解，是JavaScript中实现继承的...
JS中call/apply、arguments、undefined/null方法详解
11-24
在继承场景下，通过`call`或`apply`，子类可以在构造函数中调用父类的构造函数，从而继承父类的属性和方法。例如，上面的`Animal`和`Cat`的例子就展示了如何通过`call`实现简单的继承。 至于多重继承，JavaScript中...
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
10-26
需要注意的是，由于JavaScript中的作用域和`this`的动态性，在子类中调用父类方法时，`this`的指向可能会与父类方法期望的不同。在Java中，`super`关键字确保了在子类方法中调用父类方法时，`this`仍然指向子类实例...
JS:子构造函数借用父构造函数继承属性和方法
weixin_46682277的博客
06-18 423
ES6之前，因为没有extends继承，所以要想使用父构造函数中的属性，需要借用父构造函数继承属性。 // 父构造函数 function Father(uname,age){ this.uname = uname; this.age = age; } // 子构造函数 function Son(uname,age,sex){ // 这时子构造函数想要使用父构造函数中的属性，要用到call()方法，同时把this更改为子.
extends继承中子类调用父类构造函数
龚小帅的博客
12-09 732
问题：面试问道的一个题当时有点蒙圈了,看懂这段代码就理解了! class Fu { static { System.out.println("父亲的static方法"); } Fu() { System.out.println("父亲的构造函数"); } } class Zi extends Fu { static { System.out.println("--->子
python call函数_Python中的__call__（）函数
weixin_39986435的博客
12-05 1258
__call__()函数python中类的实例(对象)可以被当做函数对待.也就是说,我们可以将它们作为输入传递到其他的函数/方法中并调用它们,正如我们调用一个正常的函数那样。而类中的call()函数的意义正在于此.为了将一个类实例当作函数调用,我们需要再类中事先call()方法.假设x是X类的一个实例.调用x.__call__(1,2)等同于调用x(1,2).这个实例本身在这里相当于一个函数.Py...
js实现构造函数继承的extend方法
qq_41999592的博客
10-08 913
现在有两个构造函数 Super 和 Child 如何实现Child 继承 自Super function Super() { this.age = 12 } Super.prototype.sayHello = () => { } function Child() { this.color = 'red' } Child.prototype.getColor = () => { } 首先分别 new 一下两个函数 控制台打印出两个实例，他们分别都有自己的实例属性以及原型
实例：借用构造函数继承及问题
AndrewNeo
11-09 492
实现原理： 在子类的构造函数内部，借用call() 或者 apply() 方法，调用超类型的构造函数 优点： 相比于原型链继承而言，借用构造函数有一个很大的优势，就是子类型函数构造函数可以向超类型构造函数传递参数。 缺点： 方法都在构造函数内部定义，因此函数的复用性就无从谈起了。 基本思想： 借用构造函数的基本思想就是利用call 或者 apply 把父类中通过 this 指定的属性和方法复制（借用）到子类创建的实例中。因为this 对象是在运行时基于函数的执行环境绑定的。也就是说，this等于window
ES6 - Day2 - 继承
weixin_45663697的博客
04-12 135
2. 继承 2.1 call() 调用这个函数, 可以修改函数运行时的 this 指向 fun.call(thisArg, arg1, arg2, ...) 示例： function fun(x,y){ console.log("我想喝水"); // 1. console.log(this); // 1.1window 2.3 {name: 'andy'} console.log(x + y); // 3 } // 2.1 var o = { name: 'andy
call继承
一只小羊的博客
03-17 929
JavaScript中利用call()来实现继承
js中call()函数实现继承
kongjunchao159的博客
08-06 1350
a.call(b); 使b对象继承a对象，那么b对象拥有a对象所有的内容，也可以调用a对象中的方法 例子： function a(){     this.name = function(){         alert("123");     } } function b(){     a.call(this);    //这里的this代表b对象本身 } var b
JS手动实现call() , apply() , bind()
weixin_45868552的博客
09-07 1554
dfqwe
JavaScript中的封装、继承与多态实现
"JavaScript中的继承与多态...总结起来，JavaScript中的OOP是通过构造函数、原型链、`apply()`和`call()`等工具来实现封装、继承和多态的。通过理解并熟练运用这些概念，开发者可以构建出更复杂、可维护的代码结构。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值