JS之代码简洁（部分）

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);

以上就是部分的关于简洁代码的一些规范。