☀【Better JS Code】

15条JavaScript最佳实践

45个实用的JavaScript技巧、窍门和最佳实践

JavaScript：避免代码的重复执行

 

减小单个方法的规模

 

 

---

默认赋值优化

var options

//options = options || {}

options || (options = {}) // 减少一步赋值

 

参数传入

var color = 'red'



function sayColor() {

    alert(color)

}



function sayColor(color) { // 更好的可维护性，不再依赖全局变量

    alert(color)

}

 

设置id

<div id="j_box"></div>

<script>

    var $box = $('#j_box')

</script>

 

变量声明

var arr = ['1', '2', '3']

var len = arr.length



// bad

var i = 0

var list = ''

for (; i < len; ++i) {

    var item = arr[i]

    list += item

}

console.log(list)



// better

var i = 0

var list = ''

var item

for (; i < len; ++i) {

    item = arr[i]

    list += item

}

console.log(list)