js面向对象 —— 类的继承

最新推荐文章于 2023-06-09 20:47:26 发布
最新推荐文章于 2023-06-09 20:47:26 发布
阅读量115 收藏
点赞数
分类专栏： 学习笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mocoll/article/details/119841946
版权
学习笔记 同时被 3 个专栏收录
207 篇文章 1 订阅
订阅专栏
前端
107 篇文章 1 订阅
订阅专栏
编程语言
98 篇文章 1 订阅
订阅专栏

三、类的继承

3.1、继承

现实中的继承:子承父业,比如我们都继承了父亲的姓。

程序中的继承:子类可以继承父类的一些属性和方法。

语法：

在这里插入图片描述

注意：

继承中，如果实例化子类输出一个方法，先看子类有没有这个方法，如果有就先执行子类的。

继承中，如果子类里面没有,就去查找父类有没有这个方法，如果有,就执行父类的这个方法(就近原则)。

3.2 、super关键字

super关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数，也可以调用父类的普通函数。

语法：

在这里插入图片描述

注意:子类在构造函数中使用super,必须放到this前面 ( 必须先调用父类的构造方法再使用子类构造方法 )

墨_风
关注
专栏目录
JavaScript面向对象——继承
又更新代码的博客
12-15 235
问题背景：有一个Person类，里面定义了Person的姓名以及更新姓名的方法，有一个Student类，里面定义了Student的年级以及更新年级的方法，请问如何让Student类继承Person类的属性和方法？ function Person(name) { this.name = name this.changeName = function(newName) { this.name = newName console.log(newName) }
学习javascript面向对象 javascript实现继承的方式
11-22
实际上不是SubType的原型的constructor属性被重写了，而是SubType的原型指向了另一个对象——SuperType的原型，而这个原型对象的construtor属性指向的是SuperType function SuperType(){ this.property = true; }...
JavaScript中类的继承（ES6、class、extends、super）
01-08
Class 可以通过extends关键字实现继承 这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。如下： class Test{} class ColorTest extends Test{}        上面代码定义了一个ColorTest类，该类通过extends关键字，继承了Test类的所有属性和方法。但是由于没有部署任何代码，所以这两个类完全一样，等于复制了一个Test类。下面，我们在ColorTest内部加上代码： class ColorTest extends Test { constructor(x, y, color) { super(x, y); /
JS面向对象之类式继承
Handsome_fan的博客
06-23 359
JS中没有类的概念，我们可以把JS中的构造函数看做是类。 function Father() { // 父类 this.name = '名字'; } Father.prototype.showName = function() { console.log(this.name); } function Child() { // 子类 } Child.prototype = n...
JavaScript类继承
weixin_30340775的博客
12-07 80
<script type="text/javascript">　　 //基类 function BaseClass(){ alert('BaseClass'); } 　　 BaseClass.prototype.hello = function(){ alert("BaseClass.hel...
JS类的继承
jinqianwang的博客
09-09 784
目录 JS类 写类 继承 get/set Static 方法static修饰 属性static修饰（特殊） JS类 写类 { class Parent{ constructor(name="jini"){ this.name=name; } } var v_parent=new Parent(); console.log(v...
JS中类的继承
qq_38788897的博客
01-14 186
学习了ES5中类的继承相关视频，记录一下，先看看准备工作 // 第一类人 function PersonTypeOne() { this.name = "王陆"; this.age = "22"; this.run = function () { console....
JS面向对象编程——ES6 中class的继承用法详解
10-15
在JavaScript的ES6标准中，面向对象编程得到了显著的增强，引入了`class`语法糖，使得类的定义更加简洁且符合传统面向对象语言的习惯。本文将深入探讨ES6中的`class`继承及其相关操作技巧。 ### 基本介绍 在ES5中...
面向对象——操作符
01-20
在JavaScript中，面向对象的实现主要依赖于构造函数、原型和实例。本文将详细介绍几个在面向对象编程中用于操作和检查对象的关键操作符。 1. `instanceof` 操作符： `instanceof` 用于判断一个对象实例是否是某个...
js中类的继承
weixin_39463716的博客
07-26 485
在学习js类的继承之前，首先查找学习了一些前置知识 一、js中定义类的写法： function Person(name){ this.name = name; } Person.prototype.getName = function(){ return this.name; } 实例化：var person = new Person("tom"); 二、关于prototype： 每一个...
JavaScript 类继承
最新发布
smarten57的博客
06-09 2058
在上面的示例中，`Animal`是一个父类，它有一个`name`属性和一个`eat()`方法。`Dog`是一个子类，它通过`extends`关键字继承了`Animal`父类。子类`Dog`还定义了一个`bark()`方法，它是子类特有的行为。我们创建了`Dog`类的实例`myDog`，并调用了父类的`eat()`方法和子类的`bark()`方法。我们还可以访问实例的属性，如`name`和`breed`。在上述示例中，`Circle`和`Rectangle`子类都继承了`Shape`父类的属性和方法。
JS实现类的继承
莫兮的博客
02-17 258
JS实现类的继承 目录： 文章目录前言解释代码实现 前言 本文旨在介绍如何用JS实现类的继承 主要内容： prototype apply 解释 创建两个构造函数 使用apply方法，将父对象的构造函数绑定在子对象上 方法的继承：循环使用父对象的prototype进行复制，即可达到继承的目的 代码实现 function PeopleClass() { this.type = "human"; } PeopleClass.prototype = { getType: function
JS 面向对象之继承
u011705725的博客
05-07 460
JS 里面有很多没那么好懂的内容，像是闭包，继承，this。我打算将这些内容揉碎了分别输出文档。 这篇讲继承，查看完整代码请戳：继承 为什么要有继承 从 JS 创始人 Brendan Eich 讲起 JS 也是面向对象语言，一切都是对象，必须要有一种机制，将所有对象联系起来。但 Brendan Eich 的创始人又不想在 JS 中引入"类"，因为一旦引入“类”， JS 就会变成一种完整的面向对象编程语言，这显示太正式，不是创建 JS 语言的初衷。受 C++ 和 JAVA 里new命令的影响，他就把 ne
面向对象 - JS继承方式
snake89322的博客
12-06 262
1. 前言 2. 约束 3. 实现方式 3.1. 基于 ES5 的继承实现 3.1.1. 构造函数 3.1.2. 继承实现 3.1.2.1. 原型链继承 3.1.2.2. 构造继承 3.1.2.3. 实例继承 3.1.2.4. 拷贝继承 3.1.2.5. 组合继承 3.1.2.6. 寄生组合继承 1. 前言面向对象语言不得不提到继承的概念，JavaScript作为脚本语言对于面向对象的实现并不严
js中面向对象的继承以及继承的几种写法(详解)
m0_46667806的博客
04-06 526
从运行结果可以看出,这个Student实例对象有自己的属性,Student类的prototype指向父类Person的一个实例对象,可以使用父类实例对象的属性,而父类的实例对象的prototype又指向父类的原型对象,故Student可以调用父类原型中的方法。=> for in 的遍历和属性不可改, 在书写构造函数的时候, 原型上写的是方法, 构造函数体内写的是属性。-> true, 表示该 key 在该对象的原型链上(可能是自己的属性, 也可能是原型上的属性)
JS中的类与继承
wukeyan的博客
08-12 366
js中的类和继承是ES6中新出现的，它的使用方法和后端语言的使用方法是一样的。 js中类的使用： class Pet 然后构造函数constructor(prtName) 下面是代码，其中有很多注释，方便大家看懂。 class Pet { //利用class关键字创造一个Pet类 constructor(petName) { //利用构造方法初始化petName this.petName = petName }
js面向对象之继承
m0_58802575的博客
06-13 186
原型继承的缺点： 所继承的属性值，都和父亲实例对象所传递的值一致，无法重置属性值 冒充继承： 通过改变this的指向性，实现属性的继承缺点： 无法继承挂载在原型对象上的方法 原型链的查找规则图...
JavaScript面向对象：深入继承与多态
"这篇文章主要探讨了JavaScript中的面向对象编程中的两个关键概念——继承与多态，这是在前文讨论封装的基础上进一步深入的话题。文中通过解释和举例，帮助读者理解相关的基本概念，如变量定义、赋值、作用域以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值