JS之代码简洁(部分)
前言
我们在编写程序应该想到将为未来的自己和“其他人”编写代码,而不仅仅只编写当前能工作就行的代码。所以,在编写代码时一定要尽量让自己的代码更加的简洁,从而易于人理解的、易于更改或扩展。
1. 强类型检查
用全等于( === ) 代替等于 ( == )。
例:
// 如果处理不当,它会极大地影响程序逻辑。就比如你要往东走,但是却由某种原因,让你往西走
0 == false // true
0 === false // false
2 == "2" // true
2 === "2" // false
const value = "500";
if (value == 500) {
console.log(value);
// 条件不成立,不会进入
}
if (value === "500") {
console.log(value);
// 条件成立,会进入
}
2.变量
1.用知名其意的方式为变量命名,通过这种方式,当一个人看到它们时,易于搜索和理解。
//不好的方式
const yyyymmdstr = moment().format('YYYY/MM/DD');
//好的方式
const currentDate = moment().format('YYYY/MM/DD');
2.不要在变量名中添加额外的不需要的单词。
//不好的方式
var nameValue;
var theProduct;
//好的方式
var name;
var product;
3.不要简写变量上下文。
//不好的方式
var locations = ["John", "Marco", "Peter"];
locations.forEach((l) => {
doStuff();
doSomeOtherStuff();
// ...
// ...
// ...
// 当上面代码很多的时候,可能会懵比,这个'l' 是什么鬼?
dispatch(l);
});
//好的方式
var locations = ["John", "Marco", "Peter"];
locations.forEach((location) => {
doStuff();
doSomeOtherStuff();
// ...
// ...
// ...
dispatch(location);
});
4.不要添加不必要的上下文。
//不好的方式:
var user = {
userName: "John",
userSurname: "Doe",
userAge: "28"
};
console.log(user.userName);
//好的方式
const user = {
name: "John",
surname: "Doe",
age: "28"
};
console.log(user.name);
5.每个常量都该命名
//不好的方式
//一段时间之后,再来看,还会记得86400000代表了什么吗?
setTimeout(blastOff, 86400000);
//好的方式
var MILLISECOND_IN_A_DAY = 86400000;
setTimeout(blastOff, MILLISECOND_IN_A_DAY);
以上就是部分的关于简洁代码的一些规范。