高质量JavaScript代码书写基本要点

核心提示：在这个例子中，我们有一个使用对象字面量定义的名叫man的对象，高质量JavaScript代码书写基本要点(9)，在man定义完成后的某个地方，在对象原型上增加了一个很有用的名叫clone()的方法，格式化的变化（通不过JSLint）会直接忽略掉花括号，把if语句放到同一行上，此原型链是实时的，这就意味着所有的对象自动可

在这个例子中，我们有一个使用对象字面量定义的名叫man的对象。在man定义完成后的某个地方，在对象原型上增加了一个很有用的名叫clone()的方法。此原型链是实时的，这就意味着所有的对象自动可以访问新的方法。为了避免枚举man的时候出现clone()方法，你需要应用hasOwnProperty()方法过滤原型属性。如果不做过滤，会导致clone()函数显示出来，在大多数情况下这是不希望出现的。

// 1.
// for-in 循环
for (var i in man) {
　 if (man.hasOwnProperty(i)) { // 过滤
　　  console.log(i, ":", man[i]);
　 }
}
/* 控制台显示结果
hands : 2
legs : 2
heads : 1
*/
// 2.
// 反面例子:
// for-in loop without checking hasOwnProperty()
for (var i in man) {
　 console.log(i, ":", man[i]);
}
/*
控制台显示结果
hands : 2
legs : 2
heads : 1
clone: function()
*/
另外一种使用hasOwnProperty()的形式是取消Object.prototype上的方法。像是：

for (var i in man) {
　 if (Object.prototype.hasOwnProperty.call(man, i)) { // 过滤
　　  console.log(i, ":", man[i]);
　 }
}
其好处在于在man对象重新定义hasOwnProperty情况下避免命名冲突。也避免了长属性查找对象的所有方法，你可以使用局部变量“缓存”它。

var i, hasOwn = Object.prototype.hasOwnProperty;
for (i in man) {
　  if (hasOwn.call(man, i)) { // 过滤
　　　  console.log(i, ":", man[i]);
　  }
}
严格来说，不使用hasOwnProperty()并不是一个错误。根据任务以及你对代码的自信程度，你可以跳过它以提高些许的循环速度。但是当你对当前对象内容（和其原型链）不确定的时候，添加hasOwnProperty()更加保险些。

格式化的变化（通不过JSLint）会直接忽略掉花括号，把if语句放到同一行上。其优点在于循环语句读起来就像一个完整的想法（每个元素都有一个自己的属性”X”，使用”X”干点什么）：

// 警告： 通不过JSLint检测
var i, hasOwn = Object.prototype.hasOwnProperty;
for (i in man) if (hasOwn.call(man, i)) { // 过滤
　  console.log(i, ":", man[i]);
}