JS基礎入門篇（三十六）—面向?qū)ο螅?三）

MiracleWong 發(fā)布于2019-08-02 10:48 / 2602人閱讀

摘要：所以不會報錯函數(shù)聲明可以先調(diào)用再聲明函數(shù)聲明解析時，不會放到前面。所以會報錯報錯多個方法之間直接書寫不需要隔開我會說話解析其中方法和方法之間并沒有用逗給開。

1.class

class es6 中為關鍵字用來聲明一個類

1.只能通過new調(diào)用
2.不存在變量提升
3.多個方法之間直接書寫,不需要,隔開
4.類的方法是直接定義在類的原型上的
5.定義在類中的方法不可枚舉
6.Object.keys() 和 Object.values()

下面是詳細解釋

1.只能通過new調(diào)用

2.不存在變量提升

3.多個方法之間直接書寫不需要,隔開

解析：其中constructor方法和say方法之間并沒有用逗給開。因為不是對象，所以不需要用逗號隔開。

4.類的方法是直接定義在類的原型上的

5.定義在類中的方法不可枚舉

class P {
        constructor(name,age){
            this.name = name;
            this.age = age;
        }
        say(){ // 這個say 是 掛在 P 類 的原型上的方法
            console.log("我會說話.我的名字叫:"+this.name);
        }
    };
    
    var p1 = new P("kite",29);
    for( var attr in p1 ){
        console.log( attr );
        //運行結果為
        //name
        //age
    }

6.Object.keys()和Object.values()
除了通過for in來遍歷對象中的屬性，可以通過Object.keys()得到對象的屬性名，可以通過Object.keys()得到對象的屬性值

2.繼承-extends

繼承
    extends
注意:
    構造函數(shù)中調(diào)用super

舉例說明

3.自定義屬性

自定義事件
創(chuàng)建:new CustomEvent(事件名,事件對象設置參數(shù));
事件對象設置參數(shù) {bubbles:true}//是否設置冒泡
綁定:元素.addEventListener
觸發(fā):元素.dispatchEvent(自定義事件實例,事件名)

舉例說明：

box

通過函數(shù)模擬自定義函數(shù)：

以面向?qū)ο蟮姆绞?寫自定義事件：

GPU云服務器云服務器 java面向?qū)ο蠡A 三十六第三十六 js 面向?qū)ο笠曨l

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/52568.html

JS基礎入門篇（三十六）—面向對象（三）

摘要：所以不會報錯函數(shù)聲明可以先調(diào)用再聲明函數(shù)聲明解析時，不會放到前面。所以會報錯報錯多個方法之間直接書寫不需要隔開我會說話解析其中方法和方法之間并沒有用逗給開。 1.class class es6 中為關鍵字用來聲明一個類 1.只能通過new調(diào)用 2.不存在變量提升 3.多個方法之間直接書寫,不需要,隔開 4.類的方法是直接定義在類的原型上的 5.定義在類中的方法不可枚舉 6.Ob...

acrazing 2019-08-22 18:25 評論0 收藏0
JS基礎入門篇（三十六）—面向對象（三）

摘要：所以不會報錯函數(shù)聲明可以先調(diào)用再聲明函數(shù)聲明解析時，不會放到前面。所以會報錯報錯多個方法之間直接書寫不需要隔開我會說話解析其中方法和方法之間并沒有用逗給開。 1.class class es6 中為關鍵字用來聲明一個類 1.只能通過new調(diào)用 2.不存在變量提升 3.多個方法之間直接書寫,不需要,隔開 4.類的方法是直接定義在類的原型上的 5.定義在類中的方法不可枚舉 6.Ob...

diabloneo 2019-08-30 15:54 評論0 收藏0
JS基礎入門篇（三十五）—面向對象（二）

摘要：如果沒有面向?qū)ο筮@種抽象概念的小伙伴，建議先看一下我寫的基礎入門篇三十四面向?qū)ο笠? 如果沒有面向?qū)ο筮@種抽象概念的小伙伴，建議先看一下我寫的JS基礎入門篇（三十四）—面向?qū)ο螅ㄒ唬?/p>

hedzr 2019-08-22 18:21 評論0 收藏0
JS基礎入門篇（三十五）—面向對象（二）

摘要：如果沒有面向?qū)ο筮@種抽象概念的小伙伴，建議先看一下我寫的基礎入門篇三十四面向?qū)ο笠? 如果沒有面向?qū)ο筮@種抽象概念的小伙伴，建議先看一下我寫的JS基礎入門篇（三十四）—面向?qū)ο螅ㄒ唬?/p>

gyl_coder 2019-08-02 10:46 評論0 收藏0
JS基礎入門篇（三十五）—面向對象（二）

摘要：如果沒有面向?qū)ο筮@種抽象概念的小伙伴，建議先看一下我寫的基礎入門篇三十四面向?qū)ο笠? 如果沒有面向?qū)ο筮@種抽象概念的小伙伴，建議先看一下我寫的JS基礎入門篇（三十四）—面向?qū)ο螅ㄒ唬?/p>

Donne 2019-08-30 15:53 評論0 收藏0