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

最新推荐文章于 2022-03-23 20:58:23 发布
最新推荐文章于 2022-03-23 20:58:23 发布
阅读量378 收藏
点赞数
分类专栏： frontend 文章标签： call js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Handsome_fan/article/details/80781866
版权 
/**
 * 学生类，代表一个学生.
 * @constructor
 * @param {string} name - 学生的姓名.
 * @param {string} id - 学生的学号.
 */
function Student(name, id) {
    this.name = name;
    this.id = id;
}

/**
 * 小学生类，代表一个小学生.
 * @constructor
 * @param {string} name - 小学生的姓名.
 * @param {string} id - 小学生的学号.
 */
function Pupils(name, id) {     
    Student.call(this, name, id);  // 利用call调用Student(父类)构造函数，继承Student属性
    this.grade = 'primary school'; // 年级
}

console.log(new Pupils('小明', '3000000001').name); // 小明
frank201113
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中call()函数实现继承
kongjunchao159的博客
08-06 1346
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()方法实现组合继承(属性和方法继承)
weixin_46682277的博客
06-18 302
在ES6之前，没有提供extends继承，因此是通过构造函数+原型对象模拟实现继承的，也称为组合继承。 call()方法，可以修改函数运行时的this指向。
call（）方法和属性的继承
小漠007的专栏
03-16 1394
无标题文档 /*function Animal(){ this.name="animal"; this.showName=function(){ alert(this.name); } } function Cat(){ this.name="cat"; } var animal=new Animal(); var cat=new Cat(); animal.s
JS——call(简单继承)
spfLinux的博客
12-01 1027
function Parent(name,money){ this.name = name; this.money = money; this.info = function(){ console.log("姓名："+this.name+"钱："+this.money); } } function Children(name){ Parent.cal
js(二）call继承、寄生组合继承
m0_58847961的博客
03-23 318
一、call继承 只能继承父类私有的属性或者方法（因为是把PARENT当做普通函数执行，和其原型上的属性和方法没有关系) 1.只能继承父类私有的属性或者方法（因为是把PARENT当做普通函数执行，和其原型上的属性和方法没有关系) 2.父类私有的变为子类私有的 我自己理解的是通过call来改变this指向 定义两个函数，参数分别是x,y，创建一个B的实例，调用A函数传入200，此时这个200是指向this.x的，没有引入call继承的时候b1.x是undefined 加入call继承此时的th
利用javascript中的call实现继承
10-31
总结来说，利用JavaScript中的`call`方法实现继承，主要是通过在子类构造函数内部调用父类构造函数，改变`this`的指向，从而将父类的属性和方法复制到子类实例上。这种方式灵活且易于理解，是JavaScript中实现继承的...
JS继承实现方法及优缺点详解
10-14
除此之外，JavaScript还提供了其他继承实现方式，如**组合继承**（结合了构造继承和原型链继承的优点，但存在两次调用父类构造函数的开销），**寄生组合继承**（通过寄生构造函数解决组合继承的重复调用问题），以及...
JavaScript实现多重继承的方法分析
10-18
需要注意的是，JavaScript的这种多重继承实现方式可能存在一些问题，比如“钻石问题”（当两个父类有相同的属性或方法时，子类如何处理）。不过，通过合理设计和使用`superClass`属性，可以有效地规避这些问题。 ...
JS实现继承的几种常用方式示例
10-16
JavaScript中的继承是面向对象编程的重要概念，它允许创建基于现有对象的新对象，这些新对象能够继承已有对象的属性和方法。在JavaScript中，有多种实现继承的方式，主要包括原型链继承、构造继承、组合继承以及寄生...
Javascript 类的继承实现代码
10-29
### JavaScript 类的继承实现 #### 一、JavaScript 类与继承基础 在JavaScript中，类的概念是在ES6（ECMAScript 2015）中引入的。类是一种特殊的函数，用于定义对象的模板和创建对象的蓝图。在JavaScript中实现类...
深度剖析 javascript call方法实现继承的原理
bianque4471的博客
06-20 610
call 方法是比常常见也是javascript 难点之一，以前只知道可以实现继承，但是没有深度研究过原理，网上大多数也只是说了方法，没有讲其中的原理，今天没事正好好好研究一下。call 方法最常见的也是面试问题之一是啥，对就是用call实现继承。以下是两个简单的实现继承的例子。 demo1： function a(){ this.name = function(){ ...
2.32-call()方法实现继承
GrowingRick的博客
03-16 183
call()方法 1 call() 可以实现函数调用 2 可以改变函数中this指向 第一个参数是要改变this的值 function fun(a, b) { console.log(this); console.log(a, b); console.log('好好学习！'); } ...
es6实现继承的原理
Bekind2010的专栏
07-08 1229
extend在实现继承方面，本质上也是原型链继承，不过相对于es5原有继承模式而言，多了一条原型链继承。 继承会首先在闭包里调用 _inherits(B, _A);该方法实现了两步原型链继承 B.prototype = Object.create(A.prototype, {constructor:{value: B}}) Object.setPrototypeOf(B, A)；即将B.__...
有关继承--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实现继承
qq_34057640的博客
04-18 592
call/apply网上有很多说明，但基本上都没有阐释它的实际运行机制，总是说将A的方法全部给了B,但是原因是什么，我还没看到有那篇文章说明过。说明之前首先必须要说先说明几个概念。function ClassA(sColor) { this.color = sColor; this.sayColor = function () { alert(this.color);
原生js实现继承的几种方式(call(), 原型继承,构造函数继承)
青蛙背蝎子过河的博客
10-15 1031
     要实现继承,基本的面向对象知识和原型链知识是必不可少的.今天简单聊一下,以后有时间详细说一下.      1.继承的目的: 就是共享属性和方法.      2.继承的实现方法: 原型链是实现继承的主要方式.改变作用域也算一种,也就是call()或者apply().      3.构造函数式继承: （继承的是属性）将父类的构造函数在子类的函数体中执行，并且通过call改变this指向...
ES6 - Day2 - 继承
weixin_45663697的博客
04-12 128
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
[Effective JavaScript 笔记]第20条：使用call方法自定义接收者来调用方法
weixin_30457881的博客
05-27 66
不好的实践 函数或方法的接收者（即绑定到特殊关键字this的值）是由调用者的语法决定的。方法调用语法将方法被查找的对象绑定到this变量,(可参阅之前文章《理解函数调用、方法调用及构造函数调用之间的不同》)。有时需要使用自定义接收者来调用函数，因为该函数可能并不是期望的接收者对象的属性。可以将方法作为一个新的属性添加到接收者对象中。使用如下代码： var obj={ tempora...
函数属性call和apply
A_bet_of_three_years的博客
12-29 495
函数属性call和apply
在javaScript中实现继承方法
最新发布
06-02
在 JavaScript 中，实现继承方法有以下几种方式： 1. 原型继承：利用原型链实现继承。通过将父类的实例作为子类的原型，子类就可以访问到父类的属性和方法。例如： ```javascript function Parent() { this.name = 'parent'; } Parent.prototype.sayName = function() { console.log(this.name); } function Child() {} Child.prototype = new Parent(); var child = new Child(); child.sayName(); // 输出：parent ``` 2. 构造函数继承：利用 call 或 apply 方法将父类构造函数的作用域赋给子类。这种方式可以实现多继承。例如： ```javascript function Parent(name) { this.name = name; } function Child(name) { Parent.call(this, name); } var child = new Child('child'); console.log(child.name); // 输出：child ``` 3. 组合继承：结合原型继承和构造函数继承，既可以继承父类的属性和方法，又可以实现子类实例的独立。例如： ```javascript function Parent(name) { this.name = name; } Parent.prototype.sayName = function() { console.log(this.name); } function Child(name, age) { Parent.call(this, name); this.age = age; } Child.prototype = new Parent(); Child.prototype.constructor = Child; var child = new Child('child', 18); console.log(child.name); // 输出：child console.log(child.age); // 输出：18 child.sayName(); // 输出：child ``` 4. 原型式继承：利用 Object.create() 方法创建一个新对象，以某个对象为原型，然后再对新对象进行修改。例如： ```javascript var parent = { name: 'parent', sayName: function() { console.log(this.name); } }; var child = Object.create(parent, { name: { value: 'child' } }); child.sayName(); // 输出：child ``` 5. 寄生式继承：与原型式继承类似，但是在增强对象的方法时使用了一个函数封装。例如： ```javascript var parent = { name: 'parent', sayName: function() { console.log(this.name); } }; function createChild(original) { var child = Object.create(original); child.sayName = function() { console.log('hello, ' + this.name); } return child; } var child = createChild(parent); child.sayName(); // 输出：hello, parent ``` 需要注意的是，在实现继承时应该注意避免出现属性和方法的重复定义，以及避免在父类的原型上修改引用类型的属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值