☀【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)