for-in循环会遍历原型链上可枚举的所有属性

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"]