通過(guò)實(shí)例解析js可枚舉屬性與不可枚舉屬性
在JavaScript中,對(duì)象的屬性分為可枚舉和不可枚舉之分,它們是由屬性的enumerable值決定的。可枚舉性決定了這個(gè)屬性能否被for…in查找遍歷到。
一、怎么判斷屬性是否可枚舉
js中基本包裝類(lèi)型的原型屬性是不可枚舉的,如Object, Array, Number等,如果你寫(xiě)出這樣的代碼遍歷其中的屬性:
var num = new Number(); for(var pro in num) { console.log("num." + pro + " = " + num[pro]); }
它的輸出結(jié)果會(huì)是空。這是因?yàn)镹umber中內(nèi)置的屬性是不可枚舉的,所以不能被for…in訪問(wèn)到。
Object對(duì)象的propertyIsEnumerable()方法可以判斷此對(duì)象是否包含某個(gè)屬性,并且這個(gè)屬性是否可枚舉。
需要注意的是:如果判斷的屬性存在于Object對(duì)象的原型內(nèi),不管它是否可枚舉都會(huì)返回false。
二、枚舉性的作用
屬性的枚舉性會(huì)影響以下三個(gè)函數(shù)的結(jié)果:
- for…in
- Object.keys()
- JSON.stringify
先看一個(gè)例子,按如下方法創(chuàng)建kxy對(duì)象:
function Person() { this.name = "KXY"; } Person.prototype = { constructor: Person, job: "student", }; var kxy = new Person(); Object.defineProperty(kxy, "sex", { value: "female", enumerable: false });
其中用defineProperty為對(duì)象定義了一個(gè)名為”sex”的不可枚舉屬性
接下來(lái)做以下驗(yàn)證:
for(var pro in kxy) { console.log("kxy." + pro + " = " + kxy[pro]); }
遍歷結(jié)果:
可以看到除了”sex“之外的屬性都遍歷到了
console.log(Object.keys(kxy));
結(jié)果:
只包含”name”屬性,說(shuō)明該方法只能返回對(duì)象本身具有的可枚舉屬性。
console.log(JSON.stringify(kxy));
結(jié)果:
此方法也只能讀取對(duì)象本身的可枚舉屬性,并序列化為JSON對(duì)象。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript鼠標(biāo)事件監(jiān)聽(tīng)、觸發(fā)時(shí)機(jī)和觸發(fā)順序?qū)嵗v解
事件監(jiān)聽(tīng)是Web開(kāi)發(fā)中非常重要的一個(gè)概念,掌握了它的用法,可以讓我們實(shí)現(xiàn)更加豐富和動(dòng)態(tài)的交互效果,這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)事件監(jiān)聽(tīng)、觸發(fā)時(shí)機(jī)和觸發(fā)順序的相關(guān)資料,需要的朋友可以參考下2024-01-01創(chuàng)建、調(diào)用JavaScript對(duì)象的方法集錦
這篇文章主要介紹了創(chuàng)建、調(diào)用JavaScript對(duì)象的方法集錦,需要的朋友可以參考下2014-12-12JS實(shí)現(xiàn)簡(jiǎn)易留言板增刪功能
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)易留言板增刪功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02js實(shí)現(xiàn)從中間開(kāi)始往上下展開(kāi)網(wǎng)頁(yè)窗口的方法
這篇文章主要介紹了js實(shí)現(xiàn)從中間開(kāi)始往上下展開(kāi)網(wǎng)頁(yè)窗口的方法,是非常實(shí)用的js窗口效果,需要的朋友可以參考下2015-03-03JS常見(jiàn)面試試題總結(jié)【去重、遍歷、閉包、繼承等】
這篇文章主要介紹了JS常見(jiàn)面試試題,總結(jié)分析了javascript去重、遍歷、閉包、繼等相關(guān)算法與操作技巧,需要的朋友可以參考下2019-08-08JS實(shí)現(xiàn)商品倒計(jì)時(shí)實(shí)現(xiàn)代碼
JS實(shí)現(xiàn)商品倒計(jì)時(shí)實(shí)現(xiàn)代碼,需要的朋友可以參考一下2013-05-05JavaScript 中 JSON.parse 函數(shù) 和 JSON.stringify 函數(shù)
這篇文章主要介紹了JavaScript -- JSON.parse 函數(shù) 和 JSON.stringify 函數(shù),本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-12-12