for-in循环能不能遍历出原型链上的属性?
使用for-in循环,返回的是所有能够通过对象访问的、可枚举的属性,其中既包括存在于实例中的属性,又包括存在于原型中的属性。屏蔽了原型中不可枚举属性的实例属性也会在for-in循环中返回。
——《JavaScript高级程序设计》
for-in循环会遍历原型链上可枚举的所有属性。屏蔽了原型中不可枚举属性的实例属性也会在for-in循环中返回。
默认不可枚举的属性和方法包括:hasOwnProperty() propertyIsEnumberable() toString() valueOf()
Object.prototype.gender = '女';
var person = {
name: 'tebu',
age: 12
};
for(var key in person)
{
console.log(key,person[key]);
}
name tebu
age 12
gender 女
- 如果想要只遍历实例对象的属性,不遍历原型链中的属性,可以使用hasOwnProperty 方法过滤一下。
Object.prototype.gender = '女'; var person = { name: 'tebu', age: 12 }; for(var key in person) { if(person.hasOwnProperty(key)) { console.log(key,person[key]); } } name tebu age 12
Object.key()可以得到这个对象的所有可枚举实例属性组成的字符串数组。
Object.prototype.gender = '女';
var person = {
name: 'tebu',
age: 12
};
var arr = Object.keys(person);
console.log(arr);
["name", "age"]
Object.getOwnProperyNames()可以得到这个对象的所有实例属性组成的字符串数组,不论可枚举还是不可枚举。
Object.prototype.gender = '女';
var person = {
name: 'tebu',
age: 12
};
var arr = Object.getOwnPropertyNames(Object.prototype);
console.log(arr);
["constructor", "__defineGetter__", "__defineSetter__", "hasOwnProperty", "__lookupGetter__", "__lookupSetter__", "isPrototypeOf", "propertyIsEnumerable", "toString", "valueOf", "__proto__", "toLocaleString", "gender"]