码迷,mamicode.com
首页 > Web开发 > 详细

JS - Class继承

时间:2018-08-25 22:58:33      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:return   end   rest   python   UNC   java   通过   class   font   

我们先回顾用函数实现Student的方法:

function Student(name) {
    this.name = name;
}

Student.prototype.hello = function () {
    alert(‘Hello, ‘ + this.name + ‘!‘);
}

如果用新的class关键字来编写Student,可以这样写:

class Student {
    constructor(name) {
        this.name = name;
    }

    hello() {
        alert(‘Hello, ‘ + this.name + ‘!‘);
    }
}

比较一下就可以发现,class的定义包含了构造函数constructor和定义在原型对象上的函数hello()

class定义对象的另一个巨大的好处是继承更方便了,一想我们从Student派生一个PrimaryStudent需要编写的代码量。现在,原型继承的中间对象,原型对象的构造函数等等都不需要考虑了,直接通过extends来实现:
class primereStudent extends Student(name,grade){
    constructor(name,grade){
        super(name);
        this.grade=grade;
    }
    saygrade(){
        return (‘My grade is: ‘ + this.grade );
    }
}

 解释:  要想继承,必须有 extends,constructor ,super(xxxx), 我们这里,constructor构造函数,name 是 我们继承过来的,所以要super(name)/*类似python*/,   grade是新参数,所以要 this.grade=grade,

              asygrade 是 我们自己的函数,所以声明。


JS - Class继承

标签:return   end   rest   python   UNC   java   通过   class   font   

原文地址:https://www.cnblogs.com/3532gll/p/9535610.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!