JavaScript之Class继承

最新推荐文章于 2024-12-23 09:22:05 发布

原创最新推荐文章于 2024-12-23 09:22:05 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

这篇博客介绍了ES6中如何使用类（Class）来定义对象，并通过构造器（constructor）设置属性。文章还展示了如何使用继承（extends）来创建子类，并在子类中添加新的方法。示例代码中创建了`Student`基类和`primaryStudent`子类，演示了类的实例化和方法调用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>


    //Es6之后
    //定义一个学生的类
    class Student{
        constructor(name){
            this.name=name;
        }

        run(){
            alert("run...");
        }
    }


    class primaryStudent extends Student{
        constructor(name,age,sex){
            super(name);
            this.age = age;
            this.sex = sex;
        }

        hello(){
            alert("hello!")
        }
    }

    var zhangsan = new Student("zhangsan");

    var lisi = new primaryStudent("lisi",15,"男");
</script>
</body>
</html>

Es6之后
可以通过构造器来构造属性
给对象添加方法也不用写function了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

X_C~!

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript 面向对象class继承

weixin_47556601的博客

02-14

758

大家好，今天来分享一下JavaScript 面向对象class继承这是我们之前关于JavaScript原型继承的示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> var student= { name:"shuaige",

JavaScript之class继承_动力节点Java学院整理

10-19

在JavaScript中，class继承通过extends关键字实现。当我们想创建一个PrimaryStudent类继承自Student类时，可以这样写： ```javascript class PrimaryStudent extends Student { constructor(name, grade) { super...

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

es6 javascript的Class 类的继承

现在学习也不晚

12-09

9978

1 基本用法Class 之间可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。class ColorPoint extends Point {}上面代码定义了一个ColorPoint类，该类通过extends关键字，继承了Point类的所有属性和方法。但是由于没有部署任何代码，所以这两个类完全一样，等于复制了一个Point类。下面，我...

JavaScript类的继承

波拿巴上尉

05-18

1075

利用共享prototype实现继承继承是面向对象开发的又一个重要概念，它可以将现实生活的概念对应到程序逻辑中。例如水果是一个类，具有一些公共的性质；而苹果也是一类，但它们属于水果，所以苹果应该继承于水果。在JavaScript中没有专门的机制来实现类的继承，但可以通过拷贝一个类的prototype到另外一个类来实现继承。一种简单的实现如下：fucntion class1(){ //构造函

如何使用JavaScript进行可靠的继承调用

最新发布

11-14

内容概要：本文详细介绍了JavaScript中多种继承方式的实现原理与特点，包括原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承以及ES6的class语法糖。文章通过代码示例展示了每种继承方式...

js中的class继承

qq_44850230的博客

04-20

2118

class Person{ //构造器方法 constructor(name,age){ //构造器中的this指向的是--类的实例 this.name = name this.age = age } //一般方法没有function哈哈哈 speak(){ ...

es6（六）—— JavaScript中class（类）的继承

weixin_44784401的博客

02-09

1692

JavaScript中class（类）的继承

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); /

JavaScript Class类 | 类的继承 - 类的使用 -原型与原型链

好好学习天天向上

12-29

1268

有一种说法解释：因为构造器是用来对实例初始化的，而子类实例在初始化之前要先初始化它的父类成分。因为 JS 是弱类型的，super 调用时的传参没法自动预判，没法代劳。Parent.call(this,name) 第一次参数是指定函数Parent里的this 为参数this，name为Parent函数传递的参数。存在暂时性死区,代码执行过程中的一段时间内，在此期间无法使用标识符，也不能引用外层作用域的变量。实例原型链:子类的实例可以拥有父类的方法，通过。作用:创建一个新对象，新对象的隐式原型指向参数。

JavaScript 类继承

smarten57的博客

06-09

2353

在上面的示例中，`Animal`是一个父类，它有一个`name`属性和一个`eat()`方法。`Dog`是一个子类，它通过`extends`关键字继承了`Animal`父类。子类`Dog`还定义了一个`bark()`方法，它是子类特有的行为。我们创建了`Dog`类的实例`myDog`，并调用了父类的`eat()`方法和子类的`bark()`方法。我们还可以访问实例的属性，如`name`和`breed`。在上述示例中，`Circle`和`Rectangle`子类都继承了`Shape`父类的属性和方法。

JavaScript的class继承

android开发笔记

06-06

548

在上面的章节中我们看到了JavaScript的对象模型是基于原型实现的，特点是简单，缺点是理解起来比传统的类－实例模型要困难，最大的缺点是继承的实现需要编写大量代码，并且需要正确实现原型链。有没有更简单的写法？有！新的关键字class从ES6开始正式被引入到JavaScript中。class的目的就是让定义类更简单。我们先回顾用函数实现Student的方法： function St...

JS中Class类的继承

关注最新技术问题并持续维护更新

04-25

5325

Class继承 Class 可以通过 extends 关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多 class Animate { constructor() { // 默认返回实例对象 this } } class Dog extends Animate { constructor() { super() } } 子...

深入理解 JavaScript 中 class 的基本语法与继承机制

yan1915766026的博客

12-23

1907

在JavaScript中，我们可以通过 class 关键字来定义类。在上述代码中，Person 就是我们定义的类，类内部有一个 constructor 构造函数（下一小节会详细介绍它），用于初始化类的实例属性。const person1 = new Person('张三', 20);const person2 = new Person('李四', 25);这里，person1 和 person2 就是 Person 类的两个不同实例，它们各自拥有独立的属性值。

js继承 - class的继承

piaojiancong的博客

02-20

7583

和之前讲的js的继承方式不同，class的继承是es6里面才有的。在讲class的继承之前，需要先了解一下class： class的基本语法 class，也就是我们常说的类， // class class Person { constructor(name, age) { this.name = name this.age = age } sayName() { console.log(this.name) } } const p1 = new Person('p1'

js class 继承关系

一名高级工程师的博客

05-09

230

es6的类和类的继承实现的还是很体贴的，和其他面向对象语言的类的概念和思想是一致的。class a { constructor(name) { this.name = name; } me(){ return this.name; }}class b extend...

ES6 JavaScript 中的 Class 类继承详解

"ES6中的JavaScript Class类继承详解，包括基本用法、构造函数与super关键字的使用，以及对原型链的理解" 在ES6中，`Class`语法引入了一种新的面向对象编程的表达方式，使得类的继承更加简洁和直观。`Class`类继承...