屬性遍歷:in操作符/Object.keys()/ Object.getOwnPropertyNames()

in操作符

1.單獨使用,判斷是否能通過某個實例訪問到某個屬性

function Person(){
}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
    alert(this.name);
};
var person1 = new Person();
alert(person1.hasOwnProperty("name"));  //false
alert("name" in person1);  //true  name屬性在實例的原型中
person1.name = "Greg";
alert(person1.name); //"Greg"      alert(person1.hasOwnProperty("name")); //true 
alert("name" in person1); //true name屬性在實例中

判斷通過person對象能否訪問到”name”屬性。不管這個“name”屬性是在person中訪問到的還是在person的原型中訪問到的,都會返回true。

2.在for-in循環中使用

var o = {
    toString : function(){
        return "My Object";
    }
};
for (var prop in o){
    if (prop == "toString"){
        alert("Found toString"); // 在IE中不會彈框
  } }

1.返回所有能夠通過對象訪問的、可枚舉的屬性,即包括實例中存在的屬性也包括實例的原型中存在的屬性。
2.在IE中enumerable屬性爲false的屬性在for-in中不會顯示出來,但是在別的瀏覽器中可以顯示出來。這是IE早期版本的一個bug。

Object.keys()方法

function Person(){
}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
    alert(this.name);
};
var keys = Object.keys(Person.prototype);
alert(keys);       //"name,age,job,sayName"
var p1 = new Person();
p1.name = "Rob";
p1.age = 31;
var p1keys = Object.keys(p1);
alert(p1keys);    //"name,age"

1.Object.keys()方法接受一個對象參數,返回一個傳進來的對象中的可枚舉屬性的字符串數組。
2.如果傳入的是實例的原型,返回的就是原型中的屬性。如果傳入的是實例,返回的就是實例中的屬性。
3.此方法返回的屬性都是可枚舉的。

Object.getOwnPropertyNames()

  var keys = Object.getOwnPropertyNames(Person.prototype);
  alert(keys);    //"constructor,name,age,job,sayName"

如果想得到所有的實例屬性,使用Object.getOwnPropertyNames()方法,可以返回實例中所有的屬性,包括不可枚舉的屬性,這是傳遞的參數應該是實例的原型。因爲實例中找不到屬性的時候回去實例的原型中找。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章