TypeScript–es5中的类，继承，静态方法

最简单的类

代码语言：javascript复制

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

构造函数和原型链里增加方法

代码语言：javascript复制

        function Person() {
            this.name = 'lisi';
            this.age = 20;
            this.run = function() {
                alert(this.name   '在运动');
            }
        }
        Person.prototype.sex = '男';
        Person.prototype.work = function() {
            alert(this.name   '在工作');
        }

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

类里的静态方法

代码语言：javascript复制

        function Person() {
            this.name = 'lisi';
            this.age = 20;
            this.run = function() {
                alert(this.name   '在运动');
            }
        }
        Person.getInfo = function() {
            alert('我是静态方法')
        }

        Person.prototype.sex = '男';
        Person.prototype.work = function() {
            alert(this.name   '在工作');
        }
        var p = new Person();
        // p.work();
        Person.getInfo()

es5里面的继承，对象冒充实现继承

只有一个弹框，说明没有继承到prototype上的方法

代码语言：javascript复制

        function Person() {
            this.name = 'lisi';
            this.age = 20;
            this.run = function() {
                alert(this.name   '在运动');
            }
        }

        Person.prototype.sex = '男';
        Person.prototype.work = function() {
                alert(this.name   '在工作');
            }
            //Web类继承Person类
        function Web() {
            Person.call(this);
        }
        var w = new Web();
        w.run();
        w.work();

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

代码语言：javascript复制

        function Person() {
            this.name = 'lisi';
            this.age = 20;
            this.run = function() {
                alert(this.name   '在运动');
            }
        }

        Person.prototype.sex = '男';
        Person.prototype.work = function() {
                alert(this.name   '在工作');
            }
            //Web类继承Person类
        function Web() {

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

原型链实现继承的问题

代码语言：javascript复制

        function Person(name, age) {
            this.name = name;
            this.age = age;
            this.run = function() {
                alert(this.name   '在运动');
            }
        }

        Person.prototype.sex = '男';
        Person.prototype.work = function() {
            alert(this.name   '在工作');
        }

        function Web(name, age) {

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

原型链 对象冒充的组合继承模式

代码语言：javascript复制

        function Person(name, age) {
            this.name = name;
            this.age = age;
            this.run = function() {
                alert(this.name   '在运动');
            }
        }

        Person.prototype.sex = '男';
        Person.prototype.work = function() {
            alert(this.name   '在工作');
        }

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

原型链 对象冒充的另一种方式

代码语言：javascript复制

        function Person(name, age) {
            this.name = name;
            this.age = age;
            this.run = function() {
                alert(this.name   '在运动');
            }
        }

        Person.prototype.sex = '男';
        Person.prototype.work = function() {
            alert(this.name   '在工作');
        }

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

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/101123.html原文链接：https://javaforall.cn

面向对象编程 https java 网络安全 ecmascript

0 人点赞