JavaScript继承方式详解-优快云博客

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

<script>
    /**************** 冒充继承 ******************/
    //父类
    function A(x, y) {
         this.name = '萧炎';
         this.age = 22;
    }

    //子类
    function B() {
        //this 表示b对象，用它改变A函数中this的指向。
        A.call(this, 3, 4);
    }
    var b = new B();
    console.log(b.name);
    console.log(b.age);


    /**************** 原型链继承 ******************/
    function C() {
        C.prototype.name = '美杜莎';
        C.prototype.age = 2000;
    }
    function D() {

    }
    //将D函数原型链指向C实例
    D.prototype = new C();
    var d = new D();
    console.log(d.name);
    console.log(d.age);

    /**************** create方法实现继承 ******************/
    function E() {
        this.age = 99;
    }
    //var o = Object.create({原型对象}, {o对象的内容});
    var e = Object.create(new E(),{
        name:{
            value:'张天师'
        }
    });
    console.log(e.name);
    console.log(e.age);
</script>

</body>
</html>

代码-JS之继承