JS 代码模式1

// Warning: doesn't pass JSLintvar i,    hasOwn = Object.prototype.hasOwnProperty;for (i in man) if (hasOwn.call(man, i)) { // filter    console.log(i, ":", man[i]);}

function func() { var a = 1, b = 2, sum = a + b, myobject = {}, i, j; // function body... }

好处：1.在函数的统一的区域可以查找到所有的局部变量
      2.防止在定义前使用变更错误
      3.使全局变量出现的可能性缩小，增强代码可读性
      4.更少的代码
   for循环
对于下面循环方式是非常低效的，特别对于HTMLCollections对象，因为每一次遍历都要重新计算length，推荐把length用变量缓存起来
// sub-optimal loop1
for (var i = 0; i < myarray.length; i++) {
    // do something with myarray[i]
}
HTMLCollections are objects returned by DOM methods such as:
• document.getElementsByName()
• document.getElementsByClassName()
• document.getElementsByTagName()
document.images
document.links
document.forms
document.forms[0].elements
高效方式
for (var i = 0, max = myarray.length; i < max; i++) {
    // do something with myarray[i]
}

当遍历一个对象的属性时，可以使用hasOwnProperty方法进行过滤。例如：

// the objectvar man = {    hands: 2,    legs: 2,    heads: 1};// 为object增加clone方法if (typeof  Object.prototype.clone === "undefined") {    Object.prototype.clone = function () {};}for (var i in man) {    if (man.hasOwnProperty(i)) { // filter        console.log(i, ":", man[i]);    }}/*result in the consolehands : 2legs : 2heads : 1*/// 反模式// for-in loop without checking hasOwnProperty()for (var i in man) {    console.log(i, ":", man[i]);}/*result in the consolehands : 2legs : 2heads : 1clone: function()*/

如果man对象有hasOwnProperty同名方法会出现问题，利用如下方法解决

for (var i in man) {    if (Object.prototype.hasOwnProperty.call(man, i)) { // filter        console.log(i, ":", man[i]);    }}也可以将Object.prototype.hasOwnProperty;进行缓存：var i,    hasOwn = Object.prototype.hasOwnProperty;for (i in man) {    if (hasOwn.call(man, i)) { // filter        console.log(i, ":", man[i]);    }}

也可以把for与if写在一起