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

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

最简单的类

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

clipboard.png

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

        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()

clipboard.png

clipboard.png

clipboard.png

类里的静态方法

        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()

clipboard.png

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

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

        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();

clipboard.png

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

        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();

clipboard.png

clipboard.png

原型链实现继承的问题

        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()

clipboard.png

clipboard.png

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

        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()

clipboard.png

clipboard.png

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

        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()

clipboard.png

clipboard.png

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/101123.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 怎么选择靠谱Java培训机构?[通俗易懂]

    怎么选择靠谱Java培训机构?[通俗易懂]不论是从2018年TIOBE每个月的编程语言排行榜上看,还是从各知名招聘网站年底分析的招聘报告中了解,我们都不难看出,在IT行业里Java依然是技术圈中最热门、最抢手、需求量最大的编程语言!所以,我们常常能够在知乎、百度上搜索到大量类似于“如何选择一家好的Java培训机构?选择Java培训机构应该注意哪些问题?有哪些Java培训机构值得推荐?”这些换汤不换药的提问。各类问题下的答案也是参差不…

  • SpringBoot之HandlerInterceptor拦截器的使用 ——(一)「建议收藏」

    SpringBoot之HandlerInterceptor拦截器的使用 ——(一)「建议收藏」HandlerInterceptor简介拦截器我想大家都并不陌生,最常用的登录拦截、或是权限校验、或是防重复提交、或是根据业务像12306去校验购票时间,总之可以去做很多的事情。1、定义实现类定义一个Interceptor非常简单方式也有几种,我这里简单列举两种1、类要实现Spring的HandlerInterceptor接口2、类继承实现了HandlerInterc…

  • navicat15永久激活码【2021免费激活】

    (navicat15永久激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html1STL5S9V8F-eyJsaWNlbnNlSWQi…

  • 专门下载激活成功教程软件的网站_激活成功教程软件下载网址

    专门下载激活成功教程软件的网站_激活成功教程软件下载网址今天想给大家推荐一些免费下载激活成功教程软件的网站,希望能帮助到大家!第一个要推荐的就CSDN自己的下载资源网站:https://download.csdn.net/推荐的原因主要是资源够全,一般网上有的这里都有,而且下载的时候能看到其他下载者的真实评价,但是有点不好的就是对新人不太友好,虽然有很多免积分的,但是一些新的资源都需要积分,不过人人为我,我为人人,在这里赚扣分也是很简单的事,只要你能上…

    2022年10月12日
  • 毕设不会做怎么办_毕设网

    毕设不会做怎么办_毕设网身边很多从事办公室的白领,经常会听他们说:腰椎不行了,有点难受,要不就颈椎也不舒服,这些常见的现象不可忽视,它会对人们后面的生活产生很多负面的影响,所以我们想到能不能有这么一个设备,它会定期提醒人们不要坐太久。其实久坐提醒不是一个新鲜事,市面上也有许许多多关于久坐提醒的工具神器,但是,今天我们HaaS团队就手把手教长期在办公室久坐着的你亲手打造一款属于自己的久坐提醒设备,当你长时间在工位上坐着,它会通过钉钉提醒你,让你一段时间去活动一下筋骨,走动走动,这样让我们上班的同时身体也变得更健康。1、…

  • 又是系统时间惹的祸 TreeView

    又是系统时间惹的祸 TreeView又是系统时间惹的祸 TreeView

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号