ES6--class类

我会带着你远行 2022-12-06 12:37 151阅读 0赞

class类的使用详解  
1.通过class定义类/实现类的继承  
2.在类中通过constructor重新定义类  
3.通过new来创建类的实例  
4.通过extends来实现类的继承  
5.通过super来调用父类的构造方法  
6.重写从父类中继承的一般方法  
例：

// function Person(name,age){
            //     this.name = name;
            //     this.age = age;
            // }
            class Person{
                constructor(name,age){
                    this.name = name;
                    this.age = age;
                }
                //类的一般方法
                showName(){ //必须使用简写模式
                    console.log("调用父类的方法");
                    console.log(this.name);
                }
            }
            let person = new Person('wt',21);
            console.log(person);
            person.showName();
            //子类
            class StarPerson extends Person{
                constructor(name,age,salary){
                    super();//调用父类的构造方法
                    this.name = name;
                    this.age = age;//name和age必须有，否则是undefined
                    this.salary = salary;
                }
                showName(){//子类方法重写
                    console.log("调用子类的方法");
                }
            }
            let p1 = new StarPerson('xz',29,1000000);
            console.log(p1);
            p1.showName();//子类有就调用子类的，父类有就调用父类的

发表评论取消回复

表情：

评论列表（有 0 条评论，151人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6（7）：class类

1. class介绍 ES6 提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6 的clas

分手后的思念是犯贱/ 2022年12月26日 08:17/ 0 赞/ 108 阅读

相关 ES6 class类的理解学习

文章目录一. Class 的基本语法 1. 简介 1.1 类的由来 1.2 constructor 方法

待我称王封你为后i/ 2022年12月24日 01:54/ 0 赞/ 131 阅读

相关 ES6--class类

class类的使用详解 1.通过class定义类/实现类的继承 2.在类中通过constructor重新定义类 3.通过new来创建类的实例 4.通过exten

我会带着你远行/ 2022年12月06日 12:37/ 0 赞/ 152 阅读

相关 es6 class类

class类 class Person \{ constructor(name, age, job) \{ this.name = n

秒速五厘米/ 2022年06月08日 02:13/ 0 赞/ 198 阅读

相关 ES6-Class

1. 基本使用（1）Class，类，一构造函数 a. 原生JS，例子 <script> //=================JS构造函数用法

矫情吗；*/ 2022年05月15日 07:54/ 0 赞/ 213 阅读

相关 ES6中的类（Class）

有过JavaScript开发经历的小伙伴们肯定都知道，`class`这个关键字一直以来都是作为系统保留字而不允许使用。而在ES6中，`class`关键字终于排上了用场。文

左手的ㄟ右手/ 2022年02月21日 13:53/ 0 赞/ 262 阅读

相关 ES6基础-ES6 class

![file][] 作者 | Jeskson 来源 | 达达前端小酒馆 > ES - Class 类和面向对象：面向对象，即万物皆对象，面向对象是我们做开发一种的方

我会带着你远行/ 2021年08月20日 00:23/ 0 赞/ 472 阅读

相关 ES6--Class类

Class概述概述在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。 class 的本质是 function。它可以

喜欢ヅ旅行/ 2021年08月14日 00:29/ 0 赞/ 444 阅读

相关 ES6中的class类详解

目录一、class简介二、静态方法和静态属性 2.1 静态方法 2.2 静态属性三、class继承extends 四、class的取值函数getter和存值函

青旅半醒/ 2021年07月24日 20:11/ 0 赞/ 443 阅读

相关 es6 class定义类、单例类

ES6 class 1、有自己的构造函数 2、类中的一般方法会被统一放到原型上 3、使用extends继承 4、子类

Myth丶恋晨/ 2021年07月24日 17:05/ 0 赞/ 413 阅读