Typescript – classes in Es5, inheritance, static methods

The simplest class

        function Person() {
            this.name = 'lisi';
            this.age = 20;
        }
        var p = new Person();
        alert(p.name);

Copy

Add method to constructor and prototype chain

        function Person() {
            this.name = 'lisi';
            this.age = 20;
            this.run = function() {
                alert(this.name + ' In sports ');
            }
        }
        Person.prototype.sex = ' male ';
        Person.prototype.work = function() {
            alert(this.name + ' at work ');
        }

        var p = new Person();
        alert(p.name);
        p.run();
        p.work()

Copy

Static methods in class

        function Person() {
            this.name = 'lisi';
            this.age = 20;
            this.run = function() {
                alert(this.name + ' In sports ');
            }
        }
        Person.getInfo = function() {
            alert(' I'm a static method ')
        }

        Person.prototype.sex = ' male ';
        Person.prototype.work = function() {
            alert(this.name + ' at work ');
        }
        var p = new Person();
        // p.work();
        Person.getInfo()

Copy

es5 The inheritance inside , Object impersonates to implement inheritance

Only one bullet box , Description does not inherit to prototype The method on the

        function Person() {
            this.name = 'lisi';
            this.age = 20;
            this.run = function() {
                alert(this.name + ' In sports ');
            }
        }

        Person.prototype.sex = ' male ';
        Person.prototype.work = function() {
                alert(this.name + ' at work ');
            }
            //Web Class inheritance Person class 
        function Web() {
            Person.call(this);
        }
        var w = new Web();
        w.run();
        w.work();

Copy

es5 The inheritance inside , Prototype chain implementation inheritance

        function Person() {
            this.name = 'lisi';
            this.age = 20;
            this.run = function() {
                alert(this.name + ' In sports ');
            }
        }

        Person.prototype.sex = ' male ';
        Person.prototype.work = function() {
                alert(this.name + ' at work ');
            }
            //Web Class inheritance Person class 
        function Web() {

        }
        Web.prototype = new Person();
        var w = new Web();
        w.run();
        w.work();

Copy

The problem of prototype chain implementation inheritance

        function Person(name, age) {
            this.name = name;
            this.age = age;
            this.run = function() {
                alert(this.name + ' In sports ');
            }
        }

        Person.prototype.sex = ' male ';
        Person.prototype.work = function() {
            alert(this.name + ' at work ');
        }

        function Web(name, age) {

        }
        Web.prototype = new Person();
        var w = new Web('lisi', 20)
        w.run()
        w.work()

Copy

Prototype chain + Composite inheritance pattern of object impersonation

        function Person(name, age) {
            this.name = name;
            this.age = age;
            this.run = function() {
                alert(this.name + ' In sports ');
            }
        }

        Person.prototype.sex = ' male ';
        Person.prototype.work = function() {
            alert(this.name + ' at work ');
        }

        function Web(name, age) {
            Person.call(this, name, age);
        }
        Web.prototype = new Person();
        var w = new Web('lisi', 20)
        w.run()
        w.work()

Copy

Prototype chain + Another way to impersonate objects

        function Person(name, age) {
            this.name = name;
            this.age = age;
            this.run = function() {
                alert(this.name + ' In sports ');
            }
        }

        Person.prototype.sex = ' male ';
        Person.prototype.work = function() {
            alert(this.name + ' at work ');
        }

        function Web(name, age) {
            Person.call(this, name, age);
        }
        Web.prototype = Person.prototype;
        var w = new Web('lisi', 20)
        w.run()
        w.work()

Copy

Publisher ： Full stack programmer stack length , Reprint please indicate the source ：https://javaforall.cn/101123.html Link to the original text ：https://javaforall.cn