1. 程式人生 > >JS對象—對象總結(創建、屬性、方法)

JS對象—對象總結(創建、屬性、方法)

對象總結 技術分享 保留 es5 才會 enume 賦值 com bsp

1、創建對象Object

  1.1 字面量的方式創建

    技術分享圖片

  1.2 new Object()

    技術分享圖片

  1.3 構造函數創建

    技術分享圖片

  1.4 工廠模式

    技術分享圖片

  1.5 Object.create() ES5新增方法

    技術分享圖片

    Object.create(); 參數是一個對象,並且該對象作為新創建對象的原型。

2、對象屬性的操作

  2.1 訪問屬性

    通常通過 obj.attr 或者obj[‘attr‘] 來訪問屬性,但是如果屬性名稱為關鍵字或者保留字的時候,要通過 obj[‘attr‘] 訪問,所以要註意變量的命名,盡量不要用關鍵字和保留字。

  2.2 屬性賦值

    技術分享圖片

    技術分享圖片

    當對象存在但是屬性不存在的時候,給對象添加一個屬性。

  2.3 刪除屬性

    delete 一元運算符,可用來刪除對象中的一個屬性,不會返回刪除的屬性。

    技術分享圖片

    在刪除數組中元素的時候,刪除了屬性,但數組中的站位還在,長度不變。

  2.4 檢測屬性

    in  檢測對象的自有屬性和繼承屬性中是否有該屬性。有則返回true, 否則返回false。

    技術分享圖片

    hasOwnProperty()   hasOwnProperty方法只能測試當前屬性是不是對象的自有屬性

    技術分享圖片

    propertylsEnumerable()  只有當當前的屬性是自有屬性,並且是可枚舉的的時候,這一方法才會返回true。

  2.5 枚舉屬性

    for/in  其可以遍歷對象中的所有的可枚舉屬性,包括當前對象的自有屬性和繼承屬性。

      技術分享圖片

    Object.keys()  遍歷對象的自有屬性,返回的是一個數組,其中存在的是對象中的可枚舉屬性名稱組成。

      技術分享圖片

    Object.getOwnPropertyNames()  其返回的是數組,但是是所有的自有屬性名稱的數組。

JS對象—對象總結(創建、屬性、方法)