ES6中的继承

左手的ㄟ右手 2024-04-19 13:00 67阅读 0赞

class People {
            constructor(name, age, phone) {
                this.name = name;
                this.age = age;
                this.phone = phone;
            }
            run(content) {
                console.log("我叫" + this.name + "今年" + this.age + "岁了" + "拿着" + this.phone + "手机" + content)
            }
        }
    
        var big = new People("小明", 15, "苹果")
        big.run("真好看");
        class Man extends People {
            constructor(name, age, phone, sex) {
                // super()可以调用父类的构造函数
                super(name, age, phone)
                this.sex = sex;
            }
            jump() {
                console.log("我是" + this.name + "今年" + this.age + "岁,拿着" + this.phone + "性别：" + this.sex)
            }
        }
        var m = new Man("小李子父亲", 55, "老年牌", "男")
        m.jump()
    
        class WoMman extends People {
            constructor(name, age, phone, sex) {
                super(name, age, phone)
                this.sex = sex;
            }
            //重写
            eat() {
                console.log(this.name + this.age + this.sex + this.phone)
            }
        }
        var w = new WoMman("小丽", 12, "小米", "女")
        //执行父类的方法
        w.run()
        //执行重写的方法
        w.eat()

发表评论取消回复

表情：

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

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

相关阅读

相关 ES6中的继承

class People { constructor(name, age, phone) { this.na...

左手的ㄟ右手/ 2024年04月19日 13:00/ 0 赞/ 68 阅读

相关 ES6中class继承原理

考文章： https://wulv.site/2017-05-29/%E4%BB%8EES6%E4%B8%AD%E7%9A%84extends%E8%AE%B2js%...

Love The Way You Lie/ 2024年04月18日 11:03/ 0 赞/ 54 阅读

相关 es6中的class与继承 (二 )

es6中的class与继承 (二 ) ES5中的继承（组合继承:原型链继承 + 借用构造函数) 一、原型链继承：父类的实例作为子类的原型 f

Dear 丶/ 2022年12月23日 11:09/ 0 赞/ 146 阅读

相关 es6中的class与继承（一）

es6中的class与继承（一）前言：传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对

痛定思痛。/ 2022年12月23日 09:40/ 0 赞/ 128 阅读

相关 es6中的class与继承

前言： > 传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言

ゝ一世哀愁。/ 2022年12月23日 06:56/ 0 赞/ 118 阅读

相关 ES5和ES6继承

ES5常用七种继承方案和ES6的类继承，有八种继承方案。 ES5：原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、混入方式继承

深碍√TFBOYSˉ_/ 2022年04月24日 15:14/ 0 赞/ 350 阅读

相关 ES5/ES6中的类与继承对比

ES5中的类和静态方法 function Persion(name,age) { //构造函数里面的方法和属性 this.name = nam

妖狐艹你老母/ 2022年04月16日 01:37/ 0 赞/ 303 阅读

相关 ES5和ES6继承

1.ES6继承 class Book{ constructor(title,pages,isbn){ this.title = tit

骑猪看日落/ 2022年01月23日 05:11/ 0 赞/ 346 阅读

相关 ES6中class的使用+继承

一.Class 介绍+基本语法 (1).介绍通过class关键字，可以定义类。基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以

本是古典何须时尚/ 2021年09月15日 08:00/ 0 赞/ 377 阅读

相关 ES6继承

class通过extends关键字继承写法如下 calss People { } class Man extends People{

逃离我推掉我的手/ 2021年09月03日 08:58/ 0 赞/ 476 阅读