1. 注意词性
- 普通变量/属性 用【名词】
var person = {
name : 'YQY'
}
var student = {
grade : 3,
class : 2
}
- bool变量/属性用 【形容词】 或者 【be动词】或者【情态动词】 或者 【hasX】
var person = {
dead : false ,
//如果是形容词，前面就没必要加is，比如isDead就很废话
canSpeak : true,
//情态动词有can，should，will，need 等，情态动词后面接动词
isVip : true,
//be动词又is，was等，后面一般街名词
hasChildren : true,
}
- 普通函数/方法 用【动词】开头
var person = {
run(){}, //不及物动词
drinkWater(){}//及物动词
}
- 回调、钩子函数 用【介词】 开头，或用【动词的现在完成时态】
var person = {
beforeDie(){},
afterDie(){},
//或者
willDie(){},
dead(){}
// 这里跟bool冲突，你只要不同时暴露bool dead 和函数 dead 就行
}
button.addEventListener('click',onButtonClick)
var component = {
beforeCreate(){},
created(){},
beforeMount(){},
mounted(){},
updated(){},
activated(){},
deactivated(){},
beforeDestroy(){},
destroyed(){},
errorCaptured(){}
}
- 容易混淆的地方加前缀
div1.classList.add('active') //DOM对象
div2.addClass('active') //jQuery 对象
//不如改成
domDiv1 或 elDiv.classList.add('active')
$div2.addClass('active')
- 属性访问器函数可以用名词
$div.text() //其实是$div.getText()
$div.text('h1') //其实就是$div.setText('h1')
2. 注意一致性
介词一致性
如果使用before + after ， 那么就在代码的所有地方都坚持使用
如果使用before + 完成时，那么久坚持使用
如果一致性不能保证，将会导致【不可预测】顺序一致性
比如 updataContainerWidth 和 updataHeightOfContainer 的顺序就令人很变扭表里一致性
函数名必须完美体现函数的功能，既不能多也不能少
