call()利用原型对象继承父类型方法

最新推荐文章于 2022-07-25 23:14:33 发布
最新推荐文章于 2022-07-25 23:14:33 发布
阅读量273 收藏
点赞数 1
分类专栏： 笔记 文章标签： prototype
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37141075/article/details/118180234
版权

ES6之前并没有给我们提供 extends 继承。我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。
** call()**
调用这个函数, 并且修改函数运行时的 this 指向
fun.call(thisArg, arg1, arg2, …)

  1. thisArg ：当前调用函数 this 的指向对象
  2. arg1，arg2：传递的其他参数*

借用构造函数继承父类型属性

核心原理： 通过 call() 把父类型的 this 指向子类型的 this ，这样就可以实现子类型继承父类型的属性。

 function Father(uname,age){
   
            this.uname=uname;
            this.
最低0.47元/天 解锁文章
qq_37141075
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用javascript中的call实现继承
10-31
JavaScript是一种动态类型的语言，它没有像Java或C++那样的传统类继承机制，而是采用原型链（prototype chain）和函数作为构造器的模式实现继承。在JavaScript中，`call`和`apply`方法是两种非常重要的函数调用方式...
ES6 - Day2 - 继承
weixin_45663697的博客
04-12 126
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
深度剖析 javascript call方法实现继承的原理
bianque4471的博客
06-20 608
call 方法是比常常见也是javascript 难点之一，以前只知道可以实现继承，但是没有深度研究过原理，网上大多数也只是说了方法，没有讲其中的原理，今天没事正好好好研究一下。call 方法最常见的也是面试问题之一是啥，对就是用call实现继承。以下是两个简单的实现继承的例子。 demo1： function a(){ this.name = function(){ ...
关于call ，this，继承，记录一点自己的初步理解
liyidong2014的博客
02-23 441
这几天在看廖雪峰老师的js教程，在提到this的指向问题时，讲到了apply改变this指向的作用。 getAge.apply(xiaoming, []); // 25, getAge()里的this指向xiaoming, 参数为空 （以上摘自廖雪峰老师js教程－函数－方法篇） 后来又看了继承相关的内容，用到了call和apply，这两个函数只有一点不同，前者按顺序传递参数，后者
python基础教程：__call__用法
python学习者的博客
06-18 542
__call__可以使得方法变成可被调用对象；(PS：python中的方法和普通函数有点区别：方法的第一个参数是类实例) 允许一个类的实例像函数一样被调用。实质上说，这意味着 x() 与 x.__call__() 是相同的。注意__call__参数可变。这意味着你可以定义__call__为其他你想要的函数，无论有多少个参数。 class Entity: '''调用实体来改变实体的位置''' def _init_(self,size,x,y): self.x,self.y = x,y self.size
js中实现 在子类中通过 call或者apply来调用父类的构造函数
weixin_48009560的博客
04-08 626
如何实现 在子类中通过 call或者apply来调用父类的构造函数 重点：用.call()和.apply()将父类构造函数引入子类函数（在子类函数中做了父类函数的自执行（复制）） 　　　　特点：1、只继承了父类构造函数的属性，没有继承父类原型的属性。 　　　　　　　2、解决了原型链继承缺点1、2、3。 　　　　　　　3、可以继承多个构造函数属性（call多个）。 　　　　　　　4、在子实例中可向父实例传参。 　　　　缺点：1、只能继承父类构造函数的属性。 　　　　　　　2、无法实现构造函数的复用。（每次用
JavaScript 原型与继承说明
10-29
JavaScript中的原型和继承是语言的核心概念，它们是实现面向对象编程的关键机制。在这个主题中，我们将深入探讨这两个概念以及它们如何协同工作。 首先，每个函数在JavaScript中都有一个`prototype`属性，它是一个...
浅析JavaScript原型继承的陷阱
10-26
在设计对象模型时，应谨慎处理引用类型的属性，以防止不必要的共享状态，同时利用原型链来优化方法的继承。通过正确地划分数据属性和方法，我们可以充分利用JavaScript的原型机制，同时避免潜在的问题。
理解Javascript_05_原型继承原理
10-28
`prototype`是构造函数的属性，它指向一个对象，这个对象将被实例对象继承。例如在给定的例子中，`Animal.prototype`是`dog`的原型，`dog`会从`Animal.prototype`继承属性和方法。而`[[Prototype]]`是每个对象内部的...
js代码-构造函数+原型对象的继承
07-14
通过阅读和理解这些文件，你可以更好地掌握JavaScript中的构造函数和原型对象继承的工作原理。 总的来说，JavaScript的构造函数和原型对象继承是其强大的面向对象特性的一部分。理解这些概念有助于编写可维护、可...
js(二）call继承、寄生组合继承
m0_58847961的博客
03-23 317
一、call继承 只能继承父类私有的属性或者方法（因为是把PARENT当做普通函数执行，和其原型上的属性和方法没有关系) 1.只能继承父类私有的属性或者方法（因为是把PARENT当做普通函数执行，和其原型上的属性和方法没有关系) 2.父类私有的变为子类私有的 我自己理解的是通过call来改变this指向 定义两个函数，参数分别是x,y，创建一个B的实例，调用A函数传入200，此时这个200是指向this.x的，没有引入call继承的时候b1.x是undefined 加入call继承此时的th
Js理解之路：Object.call与Object.create()实现继承的原理
qq_51066068的博客
07-25 845
Object.create(proto[,propertiesObject])
js高级-继承call()，借用父构造函数继承属性，借用父构造函数继承方法
qiaoyangla的博客
02-27 203
调用这个函数，并且修改函数运行时的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...
有关继承--call()方法 / 组合继承
weixin_50119334的博客
10-19 323
继承 ES6可以使用extends实现继承，ES6之前并没有提供extends继承，我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承 call（）方法 调用这个函数，并且修改函数运行时的this指向 fun.call (thisArg , arg1 ,arg2, .....) 参数： thisArg ：当前调用函数的this指向对象 arg1 ,arg2：传递的其他参数 //call方法 function fn(x,y) { console.lo
js中call()函数实现继承
kongjunchao159的博客
08-06 1344
a.call(b); 使b对象继承a对象，那么b对象拥有a对象所有的内容，也可以调用a对象中的方法 例子： function a(){     this.name = function(){         alert("123");     } } function b(){     a.call(this);    //这里的this代表b对象本身 } var b
call的实现原理
u012352278的博客
05-20 2666
Function.prototype：call/apply/bind 是Function原型上的方法，这三个方法都是用来改变函数中的THIS的 call：[function].call([context],params1,params2,…) (1)[function]作为Function内置类的一个实例，可以基于__proto__找到Function.prototype的call方法，并且把找到的call方法执行； (2) 在call方法执行的时候，会把[function]执行，并且把函数中的THIS
关于js中使用call实现继承
qq_34057640的博客
04-18 591
call/apply网上有很多说明，但基本上都没有阐释它的实际运行机制，总是说将A的方法全部给了B,但是原因是什么，我还没看到有那篇文章说明过。说明之前首先必须要说先说明几个概念。function ClassA(sColor) { this.color = sColor; this.sayColor = function () { alert(this.color);
原生js实现继承的几种方式(call(), 原型继承,构造函数继承)
青蛙背蝎子过河的博客
10-15 1029
     要实现继承,基本的面向对象知识和原型链知识是必不可少的.今天简单聊一下,以后有时间详细说一下.      1.继承的目的: 就是共享属性和方法.      2.继承的实现方法: 原型链是实现继承的主要方式.改变作用域也算一种,也就是call()或者apply().      3.构造函数式继承: （继承的是属性）将父类的构造函数在子类的函数体中执行，并且通过call改变this指向...
JS使用call函数实现继承
KDDA的博客
01-25 1537
JS是一门轻量级的语言，不支持高级语言的继承语法，但是可以通过call或apply函数（这两个函数实现结果一样，用法略有不同，本文主要讲解call函数的使用方法）实现继承的效果，下面举个例子来讲解。 一、call函数的使用方法 // 基类 var father = function() { this.say = function() { alert('父亲'); } } // 子类 v
在javaScript中实现继承方法
最新发布
06-02
在 JavaScript 中，实现继承方法有以下几种方式： 1. 原型继承：利用原型链实现继承。通过将父类的实例作为子类的原型，子类就可以访问到父类的属性和方法。例如： ```javascript function Parent() { this.name ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值