es5里面的继承 原型链实现继承

web类 继承Person类 原型链+对象冒充的组合继承模式

对象冒充的方式实现继承

  function Person() {
        this.name = "志杰啊"; // 属性
        this.age = 20;

        this.run = function () {  //定义的方法
            console.log(666)
        }

    };

    Person.getInfo = function () { // 添加静态的方法

        console.log("添加静态方法！")
    }




    //web类 继承Person类  原型链+对象冒充的组合继承模式

    function Web() {
        Person.call(this); /* 对象冒充实现继承*/
    }

    var w = new Web(); // 实例化w   Web继承Person的属性与方法
    w.run();

  w.work(); // 报错   // 对象继承可以继承构造函数里面的属性和方法  但是无法继承原型链的上面的属性和方法

es5 里面原型链实现继承

function Person() {
        this.name = "志杰啊"; // 属性
        this.age = 20;

        this.run = function () {  //定义的方法
            console.log(666)
        }

    };

    Person.prototype.sex = "男";
    Person.prototype.work = function () {
        console.log(this.name + "在认真学习typescript")
    }


    function Web() {

    };

    Web.prototype = new Person(); // 原型链的实现的继承

    // 实例化
    var w = new Web();

    w.run();
    console.log(w.name)
    // 通过原型链继承的方法既能够继承构造函数里面的方法 也能继承原型链里面的方法
    w.work(); // 志杰啊在认真学习typescript