欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

通過實(shí)例解析js可枚舉屬性與不可枚舉屬性

 更新時間：2020年12月02日 11:39:55   作者：王者歸來！  
這篇文章主要介紹了通過實(shí)例解析js可枚舉屬性與不可枚舉屬性,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

在JavaScript中，對象的屬性分為可枚舉和不可枚舉之分，它們是由屬性的enumerable值決定的?？擅杜e性決定了這個屬性能否被for…in查找遍歷到。

一、怎么判斷屬性是否可枚舉

js中基本包裝類型的原型屬性是不可枚舉的，如Object, Array, Number等，如果你寫出這樣的代碼遍歷其中的屬性：

var num = new Number();
for(var pro in num) {
  console.log("num." + pro + " = " + num[pro]);
}

它的輸出結(jié)果會是空。這是因為Number中內(nèi)置的屬性是不可枚舉的，所以不能被for…in訪問到。

Object對象的propertyIsEnumerable()方法可以判斷此對象是否包含某個屬性，并且這個屬性是否可枚舉。

需要注意的是：如果判斷的屬性存在于Object對象的原型內(nèi)，不管它是否可枚舉都會返回false。

二、枚舉性的作用

屬性的枚舉性會影響以下三個函數(shù)的結(jié)果：

  • for…in
  • Object.keys()
  • JSON.stringify

先看一個例子，按如下方法創(chuàng)建kxy對象：

function Person() {
  this.name = "KXY";
}
Person.prototype = {
  constructor: Person,
  job: "student",
};
 
var kxy = new Person();
Object.defineProperty(kxy, "sex", {
  value: "female",
  enumerable: false
});

其中用defineProperty為對象定義了一個名為”sex”的不可枚舉屬性

接下來做以下驗證：

for(var pro in kxy) {
  console.log("kxy." + pro + " = " + kxy[pro]);
 }

遍歷結(jié)果：

可以看到除了”sex“之外的屬性都遍歷到了

console.log(Object.keys(kxy));

結(jié)果：

只包含”name”屬性，說明該方法只能返回對象本身具有的可枚舉屬性。

console.log(JSON.stringify(kxy));

結(jié)果：

此方法也只能讀取對象本身的可枚舉屬性，并序列化為JSON對象。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論