每种编程语言都有其独特之处，JavaScript作为最广泛使用的编程语言也不例外。
本博文将讨论一些JavaScript通用优化技巧，这些技巧将帮助您编写更好的代码，并确保当您遇到它们时，不会感到束手无策：
1. 回退值
显示一些调整的回退位置。
如果值为 [] 或 0，则使用逻辑 OR ||不会给您预期的结果。
看涨共生会是更好的解决方案？？如果定义的值为 null 或未定义，则仅使用回退值。
// Lengthy
let name;
if (user?.name) {
name = user.name;
} else {
name = "Anonymous";
}
// Shortly
const name = user?.name ?? "Anonymous";
2. 简洁地进行切换
通常使用对象来最大化长的switch case，其中键作为切换，而值尝试作为返回值。
const dayNumber = new Date().getDay();
const dayNumber = new Date().getDay();
// Lengthy
let day;
switch (dayNumber) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
}
// Shortly
const days = [
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday",
];
// Or
const days = `Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday`.split(
","
);
const day = days[dateNumber];
3. 调用函数
您还可以根据条件使用三元运算符来决定调用哪个函数。
函数的调用模式必须相同，否则将遇到错误。
// Lengthy
function f1() {
// ...
}
function f2() {
// ...
}
// Shorter
condition ? f1() : f2();
4. 多个字符串检查
经常需要检查一个字符串是否等于多个值，这可能很快变得繁琐。
幸运的是，JavaScript有一种方法可以帮助您。
// Lenghty
const isVowel = (letter) => {
return (
letter === "a" ||
letter === "e" ||
letter === "i" ||
letter === "o" ||
letter === "u"
);
};
// Shortly
const isVowel = letter => /[aeiou]/i.test(letter);
5，使用For-of和For-in循环可以很好地遍历数组或对象，而无需手动跟踪对象键的索引。
For-of循环：
const arr = [1, 2, 3, 4, 5];
// Lengthy
for (let i = 0; i < arr.length; i++) {
const element = arr[i];
// ...
}
// Shortly
for (const element of arr) {
// ...
}
For-in循环：
const obj = {
a: 1,
b: 2,
c: 3,
};
// Lengthy
const keys = Object.keys(obj);
for (let i = 0; i < keys.length; i++) {
const key = keys[i];
const value = obj[key];
// ...
}
// Shortly
for (const key in obj) {
const value = obj[key];
// ...
}
6. 假值检查
如果要检查变量是否为null、undefined、0、false、NaN或空字符串，可以使用逻辑非（!）运算符进行检
查，而无需多个条件判断。
这样可以简单地验证变量是否包含有效数据。
// Lengthy
const isFalsey = (value) => {
if (
value === null ||
value === undefined ||
value === 0 ||
value === false ||
value === NaN ||
value === ""
) {
return true;
}
return false;
};
// Shortly
const isFalsey = (value) => !value;
7. 三元运算符的嵌套
作为JavaScript开发者，您一定遇到过三元运算符。
它是编写简洁的if-else语句的好方法。
不过，您还可以使用它来编写简洁的代码，甚至可以链式使用它来检查多个条件。
// Lengthy
let info;
if (value < minValue) {
info = "Value is too small";
} else if (value > maxValue) {
info = "Value is too large";
} else {
info = "Value is in range";
}
// Shortly
const info =
value < minValue
? "Value is too small"
: value > maxValue ? "Value is too large" : "Value is in range";
以上就是这些技巧了！
感谢您抽出时间阅读本文。
如果你喜欢的话就点个赞吧