js中es5类的创建继承与es6中类的创建继承

js中es5类的创建继承与es6中类的创建继承

es5类的创建与继承

    console.log('寄生组合式继承');
// 生成一个类的方法
    function TheClass(props) {
        //绑定基础属性（）
//        this.constructor=
        this.name=props.name||'';
        this.grade=props.grade||'';
    }
    //往原型链上绑定方法
    TheClass.prototype.hello=function () {
        alert('Hello'+this.name);
    };
//使用创建函数
    function createClass(props) {
        return new TheClass(props||{});
    }
    //使用原型继承
    function inherits(Child, Parent) {
        var F = function () {};
        F.prototype = Parent.prototype;
        Child.prototype = new F();
        Child.prototype.constructor = Child;
    }
//产生新的子class
    function TheClassChild(props) {
        TheClass.call(this,props);
        this.zzz=props.zzz||'';
    }
    //子类绑定父类
    inherits(TheClassChild,TheClass);
    TheClassChild.prototype.alertA=function () {
        alert(this.zzz);
    };
function createTheClassChild(props) {
    return new TheClassChild(props||{});
}
var bb=new TheClass({name:'baby',grade:'class1'});
bb.hello();
var cc=new TheClassChild({name:'baby',grade:'class1',zzz:'bbbb'});
cc.alertA();

es6+的class创建与继承

class Student2{
    constructor(props){
this.name=props.name||'';
    }
    hello(){
        alert(this.name);
    }
}
var s1=new Student2({name:'小张'});
s1.hello();
//继承
class PrimaryStudent2 extends Student2 {
    constructor(props) {
        super(props||{}); // 记得用super调用父类的构造方法!
        this.grade = props.grade||'';
    }

    myGrade() {
        alert('I am at grade ' + this.grade);
    }
}
var s2=new PrimaryStudent2({name:'小王',grade:'yi'});

s2.myGrade();