hasOwnProperty() 、in 操作符与 for-in 循环

1. hasOwnProperty()

使用 hasOwnProperty() 方法可以检测一个属性是存在于对象实例中，还是存在于其原型中。这个方法（不要忘了它是从 Object 继承来的）只在给定属性存在于对象实例中时，才会返回 true 。请看下面的示例代码：

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();
var person2 = new Person();

alert(person1.hasOwnProperty("name"));  //false，因为这时候读取到的 name 属性是来自于原型中

person1.name = "Greg";
alert(person1.hasOwnProperty("name"));  //true，因为这时候读取到的 name 属性是来自于实例属性中

delete person1.name;
alert(person1.hasOwnProperty("name"));  //false，因为这时候读取到的 name 属性是来自于原型中

2. 单独使用in 操作符

in 操作符在单独使用时，会在能通过对象访问给定属性时，返回 true，无论该属性存在于实例中，还是原型中。请看下面的示例代码：

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();
var person2 = new Person();

alert(person1.hasOwnProperty("name"));  //false，读取的属性来自原型
alert("name" in person1);               //true，能访问到该属性

person1.name = "Greg";
alert(person1.hasOwnProperty("name"));  //true，读取的属性来自实例
alert("name" in person1);               //true，能访问到该属性

delete person1.name;
alert(person1.hasOwnProperty("name"));  //false，读取的属性来自原型
alert("name" in person1);               //true，能访问到该属性

3. 小结

同时使用 hasOwnProperty() 方法和 in 操作符，就可以确定该属性到底是存在于对象中，还是存在于原型中。其实，in 操作符避免了对象内的某属性，无论在实例下，还是在原型内都没定义，而 hasOwnProperty() 方法的检测结果为 false 值，被误认为该属性在原型中的情况。

4. for-in 循环中的 in 操作符

in 操作符在 for-in 循环中使用时，该循环返回的是所有能够通过对象访问的、可枚举的属性，其中既包括存在于实例中的属性，也包括存在于原型中的属性。屏蔽了原型中不可枚举属性的实例属性也会在 for-in 循环中返回，因为根据规定，所有开发人员定义的属性都是可枚举的。

解决方法：

1. 要仅取得对象上的所有可枚举的属性，而不需要返回对象原型上的可枚举属性，可以使用 ECMAScript 5 的 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"

   Object.keys() 方法返回的字符串数组的顺序，也是它们在 for-in 循环中出现的顺序。