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

MiracleWong 發布于2019-08-02 10:48 / 2544人閱讀

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

1.class

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

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

下面是詳細解釋

1.只能通過new調用

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
注意:
    構造函數中調用super

舉例說明

3.自定義屬性

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

舉例說明：

box

通過函數模擬自定義函數：

以面向對象的方式寫自定義事件：

云服務器 GPU云服務器 java面向對象基礎三十六第三十六 js 面向對象視頻

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52568.html

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

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

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

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

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

摘要：如果沒有面向對象這種抽象概念的小伙伴，建議先看一下我寫的基礎入門篇三十四面向對象一如果沒有面向對象這種抽象概念的小伙伴，建議先看一下我寫的JS基礎入門篇（三十四）—面向對象（一）

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

摘要：如果沒有面向對象這種抽象概念的小伙伴，建議先看一下我寫的基礎入門篇三十四面向對象一如果沒有面向對象這種抽象概念的小伙伴，建議先看一下我寫的JS基礎入門篇（三十四）—面向對象（一）

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

摘要：如果沒有面向對象這種抽象概念的小伙伴，建議先看一下我寫的基礎入門篇三十四面向對象一如果沒有面向對象這種抽象概念的小伙伴，建議先看一下我寫的JS基礎入門篇（三十四）—面向對象（一）

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