函数继承

代码如下：

'use strict';
import 'semantic-ui/semantic.min.css!';
import React from 'react';
import ReactDOM from 'react-dom'

class Hello extends React.Component {
    render() {
        return (
            <div>
                <h1>Hello World</h1>
            </div>
        )
    }
}

function Person(name,age) {
    this.name = name;
    this.age = age;
}

Person.prototype.active = function() {
    return this.name;
}

var p = new Person('姓名1',name);
console.log(p.active());

class A {
    constructor() {
        this.a = 'a';
    }
}

class B extends A {
    constructor() {
        super(); // 只能在继承中出现
        this.b = 'b';
    }
}

var a = new A();
console.log(a.a);

var b = new B();
console.log(b.a);
console.log(b.b);

ReactDOM.render(<Hello/>, document.getElementById('app'));