在JavaScript中，可以用三种方法来遍历对象的property：
1.for/in。可以使用for/in语句遍历对象自身的property(Own Property)及其从原型对象处继承的property，只有enumerable的property才会被遍历到。
2.Object.keys()。可以将对象作为参数传入Object.keys()，Object.keys()语句将返回由所有property名称字符串所组成的数组。Object.keys()语句仅返回对象自身的(Own Property)且enumerable的property。该语句仅在ECMAScript 5标准中有效。
3
在JavaScript中，遍历对象的属性是常见的编程需求，尤其在处理复杂的数据结构时。这里，我们将详细讨论三种遍历JavaScript对象属性的方法：for/in循环、Object.keys()以及Object.getOwnPropertyNames()。
1. **for/in循环**
`for/in`语句是JavaScript中最基本的遍历对象属性的方式。它不仅会遍历对象自身的` Own Property`，还会遍历从原型链上继承的属性。然而，值得注意的是，只有那些`enumerable`（可枚举）的属性才会被遍历。这意味着非枚举属性（如对象的方法）不会被包含在内。下面是一个简单的例子：
```javascript
var obj = {
a: 1,
b: 2,
__proto__: {
c: 3
}
};
for (var prop in obj) {
console.log(prop); // 输出 "a", "b", "c"
}
```
2. **Object.keys()**
`Object.keys()`方法是在ECMAScript 5引入的，它返回一个由对象自身`Own Property`的名称组成的数组，这些属性必须是`enumerable`。这个方法不会考虑原型链上的属性。因此，如果你只想遍历对象的直接属性，而不包括继承的属性，`Object.keys()`是一个好选择。
```javascript
var obj = {
a: 1,
b: 2
};
console.log(Object.keys(obj)); // 输出 ["a", "b"]
```
3. **Object.getOwnPropertyNames()**
`Object.getOwnPropertyNames()`与`Object.keys()`相似，也返回一个由对象自身`Own Property`名称组成的数组。不同之处在于，它不会检查属性是否为`enumerable`，而是返回所有属性，无论它们的特性如何。这包括不可枚举的属性。
```javascript
var obj = {
a: 1,
b: 2,
[Symbol.iterator]: function* () {}
};
Object.defineProperty(obj, 'c', {enumerable: false});
console.log(Object.getOwnPropertyNames(obj)); // 输出 ["a", "b", "c"]
```
在提供的示例代码中：
```javascript
var o = {x:1, y:2};
var a = Object.create(o);
a.z = 3;
for(p in a){
console.log(p); // 输出 "z", "x", "y"
}
console.log(Object.keys(a)); // 输出 ["z"]
console.log(Object.getOwnPropertyNames(a)); // 输出 ["z"]
```
这里，`for/in`遍历了`a`的所有可枚举属性，包括继承自`o`的`x`和`y`。而`Object.keys(a)`只返回`a`自身的`Own Property`，即`z`。`Object.getOwnPropertyNames(a)`同样只返回`a`的`Own Property`，因为`x`和`y`是从原型继承的。
总结来说，根据不同的需求，开发者可以选择合适的遍历方法。如果需要遍历所有可枚举属性，包括从原型链继承的，使用`for/in`循环；如果只关心对象自身的可枚举属性，那么`Object.keys()`是理想的选择；而如果需要获取所有属性，无论其是否可枚举，`Object.getOwnPropertyNames()`则是最佳工具。理解这些差异对于编写高效、可靠的JavaScript代码至关重要。
