成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

TypeScript--es5中的類,繼承,靜態(tài)方法

KevinYan / 424人閱讀

摘要:最簡單的類構(gòu)造函數(shù)和原型鏈里增加方法在運(yùn)動(dòng)男在工作類里的靜態(tài)方法在運(yùn)動(dòng)我是靜態(tài)方法男在工作里面的繼承,對(duì)象冒充實(shí)現(xiàn)繼承只有一個(gè)彈框,說明沒有繼承到上的方法在運(yùn)動(dòng)男在工作類繼承類里面的繼承,原型鏈實(shí)現(xiàn)繼承在運(yùn)動(dòng)男在工作類繼承類原型鏈實(shí)現(xiàn)繼承的

最簡單的類
        function Person() {
            this.name = "lisi";
            this.age = 20;
        }
        var p = new Person();
        alert(p.name);

構(gòu)造函數(shù)和原型鏈里增加方法
        function Person() {
            this.name = "lisi";
            this.age = 20;
            this.run = function() {
                alert(this.name + "在運(yùn)動(dòng)");
            }
        }
        Person.prototype.sex = "男";
        Person.prototype.work = function() {
            alert(this.name + "在工作");
        }

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

類里的靜態(tài)方法
        function Person() {
            this.name = "lisi";
            this.age = 20;
            this.run = function() {
                alert(this.name + "在運(yùn)動(dòng)");
            }
        }
        Person.getInfo = function() {
            alert("我是靜態(tài)方法")
        }

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

es5里面的繼承,對(duì)象冒充實(shí)現(xiàn)繼承

只有一個(gè)彈框,說明沒有繼承到prototype上的方法

        function Person() {
            this.name = "lisi";
            this.age = 20;
            this.run = function() {
                alert(this.name + "在運(yùn)動(dòng)");
            }
        }

        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里面的繼承,原型鏈實(shí)現(xiàn)繼承
        function Person() {
            this.name = "lisi";
            this.age = 20;
            this.run = function() {
                alert(this.name + "在運(yùn)動(dòng)");
            }
        }

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

原型鏈實(shí)現(xiàn)繼承的問題
        function Person(name, age) {
            this.name = name;
            this.age = age;
            this.run = function() {
                alert(this.name + "在運(yùn)動(dòng)");
            }
        }

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

原型鏈+對(duì)象冒充的組合繼承模式
        function Person(name, age) {
            this.name = name;
            this.age = age;
            this.run = function() {
                alert(this.name + "在運(yùn)動(dòng)");
            }
        }

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

原型鏈+對(duì)象冒充的另一種方式
        function Person(name, age) {
            this.name = name;
            this.age = age;
            this.run = function() {
                alert(this.name + "在運(yùn)動(dòng)");
            }
        }

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

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/101668.html

相關(guān)文章

  • angular2初入眼簾之-搭個(gè)環(huán)境

    angular2是什么?我猜不容我贅述,各位一定略有耳聞,無論是曾經(jīng)AngularJS的擁躉,亦或是React的粉絲,都或多或少的對(duì)她有過一點(diǎn)了解。未見其物、先聞其聲,angular2在問世之前已經(jīng)做足了宣傳,想必諸位也一定被下面各種詞匯所震懾,什么:TypeScript、 ES5、 ES6、 Dart、 Immutable、 Unidirectional Data Flow、 Reactive ...

    everfight 評(píng)論0 收藏0
  • java學(xué)習(xí)(三) —— 面對(duì)對(duì)象

    摘要:前言是面對(duì)對(duì)象的語言,因此有必要單獨(dú)紀(jì)錄下對(duì)象的各種定義和理解。面對(duì)對(duì)象基本概述概述是基于面向過程的變成思想,是對(duì)面向過程的一種封裝。面對(duì)對(duì)象開發(fā)就是不斷的創(chuàng)建對(duì)象,使用對(duì)象,指揮對(duì)象做事情。面對(duì)對(duì)象設(shè)計(jì)其實(shí)就是在管理和維護(hù)對(duì)象之間的關(guān)系。 前言 java是面對(duì)對(duì)象的語言,因此有必要單獨(dú)紀(jì)錄下對(duì)象的各種定義和理解。 面對(duì)對(duì)象,主要包括:面向?qū)ο笏枷耄惻c對(duì)象及其使用,對(duì)象的內(nèi)存圖,成...

    褰辯話 評(píng)論0 收藏0
  • php易錯(cuò)筆記-類與對(duì)象,命名空間

    摘要:類與對(duì)象基本概念如果在之后跟著的是一個(gè)包含有類名的字符串,則該類的一個(gè)實(shí)例被創(chuàng)建。如果該類屬于一個(gè)名字空間,則必須使用其完整名稱。如果一個(gè)類被聲明為,則不能被繼承。命名空間通過關(guān)鍵字來聲明。 類與對(duì)象 基本概念 new:如果在 new 之后跟著的是一個(gè)包含有類名的字符串,則該類的一個(gè)實(shí)例被創(chuàng)建。如果該類屬于一個(gè)名字空間,則必須使用其完整名稱。 Example #3 創(chuàng)建一個(gè)實(shí)例 ...

    MartinHan 評(píng)論0 收藏0
  • PHP面向?qū)ο?/b>

    摘要:面向?qū)ο竺嫦驅(qū)ο蠡A(chǔ)面向?qū)ο笫裁词穷惥哂邢嗤瑢傩蕴卣骱头椒ㄐ袨榈囊幌盗袀€(gè)體的集合,類是一個(gè)抽象的概念。析構(gòu)函數(shù),當(dāng)一個(gè)對(duì)象被銷毀前,自動(dòng)調(diào)用。作用是為新克隆的對(duì)象進(jìn)行初始化賦值對(duì)象序列化時(shí),自動(dòng)調(diào)用。使用抽象類的作用限制實(shí)例化。 面向?qū)ο?面向?qū)ο蠡A(chǔ) 面向?qū)ο?什么是類? 具有相同屬性(特征)和方法(行為)的一系列個(gè)體的集合,類是一個(gè)抽象的概念。 什么是對(duì)象? 從類中,拿到的具有具體...

    seanlook 評(píng)論0 收藏0
  • Java 抽象類、接口、內(nèi)部類

    摘要:即使抽象類里不包含抽象方法,這個(gè)抽象類也不能創(chuàng)建實(shí)例抽象類可以包含成員變量方法普通方法和抽象方法構(gòu)造器初始化塊內(nèi)部類接口枚舉種成分。 抽象類 當(dāng)編寫一個(gè)類時(shí),常常會(huì)為該類定義一些方法,這些方法用以描述該類的行為方式,那么這些方法都有具體的方法體。但在某些情況下,某個(gè)父類只是知道其子類應(yīng)該包含怎樣的方法,但無法準(zhǔn)確地知道這些子類如何實(shí)現(xiàn)這些方法。使用抽象方法即可滿足該要求:抽象方法是只有...

    miguel.jiang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<