如何让js更加优雅,如何提高代码的可读性、复用性、扩展性,可以从以下几点讨论。
-
变量
-
函数
-
类
-
异步
一、变量:
1、用有意义且常用的单词命名
// Bad:
const yyyymmdstr = moment().format('YYYY/MM/DD');
// Good:
const currentDate = moment().format('YYYY/MM/DD');
2、避免无意义的前缀
// Bad:
const car = {
carMake: 'Honda',
carModel: 'Accord'
};
function paintCar( car ) {
car.carColor = 'Red';
}
// Good:
const car = {
make: 'Honda',
model: 'Accord'
};
function paintCar( car ) {
car.color = 'Red';
}
3、传参使用默认值
// Bad:
function createMicrobrewery( name ) {
const breweryName = name || 'Hipster Brew Co.';
// ...
}
// Good:
function createMicrobrewery( name = 'Hipster Brew Co.' ) {
// ...
}
5、避免 == 的使用
//(1)如果你确定了变量的类型,那么就没必要使用==了
//(2)如果类型不确定,那么应该手动做一下类型转换
var totalPage = "5";
if(parseInt(totalPage) === 1){
}
4、按强类型风格写代码
// (1)定义变量的时候要指明类型
var num = 0,
str = '',
obj = null;// 定义变量的时候就给他一个默认值,这样不仅方便了解释器,也方便了阅读代码的人,他会在心里有数——知道这些变量可能会当作什么用。
// (2)不