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

最新推荐文章于 2022-07-25 23:14:33 发布

qq_37141075

最新推荐文章于 2022-07-25 23:14:33 发布

阅读量317

点赞数 1

分类专栏：笔记文章标签： prototype

本文链接：https://blog.csdn.net/qq_37141075/article/details/118180234

版权

在ES6之前的JavaScript中，组合继承是通过构造函数和原型对象来模拟实现的。call()方法在这里起到了关键作用，它能改变函数内部this的指向，从而实现子类继承父类的属性。此外，通过让子类的prototype等于new父类，可以借用原型对象继承父类的方法，确保子类共享父类的方法，而不会影响父类原型。这一过程涉及到了构造函数、原型链和this的绑定。

摘要由CSDN通过智能技术生成

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

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

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

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

 function Father(uname,age){
   
            this.uname=uname;
            this.

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_37141075

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js高级-继承call()，借用父构造函数继承属性，借用父构造函数继承方法

qiaoyangla的博客

02-27

231

调用这个函数，并且修改函数运行时的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

340

继承 ES6可以使用extends实现继承，ES6之前并没有提供extends继承，我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承 call（）方法调用这个函数，并且修改函数运行时的this指向 fun.call (thisArg , arg1 ,arg2, .....) 参数： thisArg ：当前调用函数的this指向对象 arg1 ,arg2：传递的其他参数 //call方法 function fn(x,y) { console.lo

参与评论您还未登录，请先登录后发表或查看评论

ES6 - Day2 - 继承

weixin_45663697的博客

04-12

147

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

利用构造函数继承父类属性

zhilige的博客

01-13

359

利用构造函数继承父类属性 function Father(name, age) { this.age = age this.name = name } function Son(name, age, play) { this.play = play Father.call(this, name, age, play) } var son = n...

使用call和原型链实现完整继承

gaoyan426926的博客

12-17

668

使用call和原型链实现完整继承 ● 要创建中国人、美国人，他们都有共同的属性和方法 ○共同的属性：有名字、有年龄 ○共同的方法：有吃饭、跑步等行为 ● 所以可以抽取一个父对象，包含名字、年龄、吃饭、跑步的行为，让他们继承即可 ● 代码如下： // 人类 function Person(name, age) { // 只有当name有值并且age也有值时才加 if (name && age) { ..

JavaScript基础之--用call方法实现继承及其存在的问题。

wu67321的博客

07-07

231

实现继承的方法： call方法在子类的构造函数中，调用父类的构造函数，并使用call方法修改函数中的this指向。 call存在的问题不能继承父类原型对象上的属性和方法。 //父类 function Animal(classes, speed) { this.classes = classes; this.speed = speed; ...

利用javascript中的call实现继承

10-31

JavaScript是一种动态类型的语言，它没有像Java或C++那样的传统类继承机制，而是采用原型链（prototype chain）和函数作为构造器的模式实现继承。在JavaScript中，`call`和`apply`方法是两种非常重要的函数调用方式...

js原型继承的两种方法对比介绍

10-26

首先，原型链继承是基于原型对象的属性和方法可以被子对象实例共享这一特性，通过设置子对象的原型为父对象的一个实例来实现继承。这种继承方式简单且直接，但是它也有一些缺点。最明显的缺点是，所有子对象实例共享...

js类式继承与原型式继承详解

10-22

5. 继承父类方法：将父类的实例赋值给子类的原型对象（如Programmer.prototype = new Person();），这样子类实例就可以访问父类原型上定义的方法。 6. 修改constructor指向：因为子类原型被重写了，所以需要手动将...

详解js创建对象的几种方法及继承

10-17

通过call()或apply()方法在新创建的对象上执行父类型构造函数，可以实现继承父类型构造函数内部的属性。 **3. 组合继承：** 组合继承结合了原型链继承和借用构造函数继承的优点。它使用原型链实现对原型属性和方法...

js使用call实现对象继承

Linux Job

07-03

198

<html> <head> <script language="javascript"> function Animal(name){ this.name = name; this.showName = function(){ alert(this.name); } } ...

深度剖析 javascript call方法实现继承的原理

bianque4471的博客

06-20

630

call 方法是比常常见也是javascript 难点之一，以前只知道可以实现继承，但是没有深度研究过原理，网上大多数也只是说了方法，没有讲其中的原理，今天没事正好好好研究一下。call 方法最常见的也是面试问题之一是啥，对就是用call实现继承。以下是两个简单的实现继承的例子。 demo1： function a(){ this.name = function(){ ...

利用js的call实现属性的继承

Handsome_fan的博客

06-23

407

/** * 学生类，代表一个学生. * @constructor * @param {string} name - 学生的姓名. * @param {string} id - 学生的学号. */ function Student(name, id) { this.name = name; this.id = id; } /** * 小学生类，代表一个小学生. * @...

2.32-call()方法实现继承

GrowingRick的博客

03-16

211

call()方法 1 call() 可以实现函数调用 2 可以改变函数中this指向第一个参数是要改变this的值 function fun(a, b) { console.log(this); console.log(a, b); console.log('好好学习！'); } ...

es6实现继承的原理

Bekind2010的专栏

07-08

1255

extend在实现继承方面，本质上也是原型链继承，不过相对于es5原有继承模式而言，多了一条原型链继承。继承会首先在闭包里调用 _inherits(B, _A);该方法实现了两步原型链继承 B.prototype = Object.create(A.prototype, {constructor:{value: B}}) Object.setPrototypeOf(B, A)；即将B.__...

原生js实现继承的几种方式(call(), 原型继承,构造函数继承)

青蛙背蝎子过河的博客

10-15

1070

要实现继承,基本的面向对象知识和原型链知识是必不可少的.今天简单聊一下,以后有时间详细说一下. 1.继承的目的: 就是共享属性和方法. 2.继承的实现方法: 原型链是实现继承的主要方式.改变作用域也算一种,也就是call()或者apply(). 3.构造函数式继承: （继承的是属性）将父类的构造函数在子类的函数体中执行，并且通过call改变this指向...

Js理解之路：Object.call与Object.create()实现继承的原理

qq_51066068的博客

07-25

927

Object.create(proto[,propertiesObject])

继承父类的属性和方法，并可以将值传给父类

qq_37056728的博客

10-22

456

<template> <div class="es5"> <h1>ES5</h1> <div> <ul> <li> <button @click="ceshiclass()">es5中定义只有属性没有方法的类</button&g...

通过call和new 的原理来理解经典继承

qq_24134853的博客

08-05

272

call原理 call可以改变一个函数的作用域 let a = { name: 'foo', fn: function() { console.log(this.name); } }; let b = { name: 'bar' }; a.fn.call(b); // 输出 bar 实现一个自己的call // 在函数的原型上定义自己的call Function.pro...

JavaScript面向对象基础：构造函数、原型与继承方法详解

- **继承**：子类型对象可以从父类型对象继承属性和方法，提高代码复用性。 - **多态**：同一个操作在不同对象上的行为可能不同，允许根据不同上下文表现出不同的行为。通过本文档的学习，初学者可以理解...