屬性的可枚舉性與不可枚舉性

Jason 發(fā)布于2019-08-22 16:58 / 1086人閱讀

摘要：判斷可枚舉屬性與不可枚舉屬性方法方法返回一個(gè)布爾值，表示指定的自身屬性是否可枚舉。

我們到MDN上搜索屬性的可枚舉性和所有權(quán)

可枚舉屬性是指內(nèi)部可枚舉標(biāo)志（enumerable）設(shè)置為true的屬性，自然不可枚舉屬性即是enumerable為false

我們看下JavaScript基本類型和基本類型包裹對(duì)象

基本類型是指非對(duì)象且無(wú)方法的數(shù)據(jù)。
JavaScript有6種基本類型：string,number,boolean,null,undefined,symbol
除了null和undefined外，所有基本類型值都有包裹這個(gè)基本類型值的等價(jià)對(duì)象:
String Boolean Number Symbol
JavaScript有7種不同類型的值

六種原型數(shù)據(jù)類型

Boolean

String

Number

null

undefined

Symbol

Object對(duì)象

還有一個(gè)概念就是字面量,有以下字面量

數(shù)組字面量(Array)

布爾字面量 (Boolean)

浮點(diǎn)數(shù)字面量 (Float)

整數(shù) (Int)

對(duì)象字面量 (Object)

RegExp

字符串字面量 (String)

好了好了扯遠(yuǎn)了，為什么說(shuō)這些呢，拋出問題，以上屬性是否可枚舉呢?

下面來(lái)看一個(gè)例子：

function Person() {
    this.name = "fyflying"
}
Person.prototype = {
    hobby: "coding"
}
var person = new Person()
Object.defineProperty(person, "sex", {
    value: "female"
})
for (var item in person) {
    console.log(item + ":" + person[item])
}
/**
name:fyflying
hobby:coding
**/
Object.keys(person)
// ["name"]
JSON.stringify(person)
//"{"name":"fyflying"}"

可以看到除了sex屬性其他都遍歷到了,而且使用for..in與Object.keys還是有區(qū)別的，區(qū)別就在于使用for...in還會(huì)遍歷出對(duì)象從原型鏈上繼承來(lái)的可枚舉屬性

通過(guò)Object.defineProperty定義的屬性，該標(biāo)志值默認(rèn)是false, 所以不可枚舉，通過(guò)for..in 和 Object.keys()都遍歷不到。

判斷可枚舉屬性與不可枚舉屬性方法：
propertyIsEnumerable(): 方法返回一個(gè)布爾值，表示指定的自身屬性是否可枚舉。(不包括原型鏈繼承的屬性）

區(qū)別以下方法：

使用 for...in迭代，遍歷出自身以及原型鏈上的可枚舉的屬性，通過(guò)hasOwnProperty進(jìn)行篩選能遍歷出自身可枚舉屬性
而使用Object.keys直接遍歷出的自身可枚舉屬性組成的數(shù)組
使用getOwnPropertyNames可以訪問自身可枚舉屬性與不可枚舉屬性

另外，還有大漠的文章參考，對(duì)于以上幾個(gè)方法介紹的很詳細(xì)。對(duì)象屬性的枚舉