共计 1359 个字符，预计需要花费 4 分钟才能阅读完成。
对于任何 JavaScript 开发人员来说，这篇文章很值得一读。这里记录了我多年来学习的 JavaScript 代码简洁写法，也给大家提供一些编码上的思考和取舍。
1. 三元 (三目) 运算符
如果只想在一行中编写 if..else 语句时，这是一个很好的节省代码的方式。
常规：
简写：
嵌套版三元运算：
2. 短路判断简写
将变量值分配给另一个变量时，您可能希望确保源变量不为 null，undefined 或为空。您可以编写带有多个条件的长 if 语句，也可以使用短路判断。
常规：
简写：
再来点示例，尝试一下：
请注意，如果将 variable1 设置为 false 或 0，则赋值为 bar。
3. 声明变量简写
常规：
简写：
4. If 真值判断简写
这可能是微不足道的，但值得一提。在执行“if 检查”时，有时可以省略全等运算符。
常规：
简写：
注意：这两个例子并不完全相同，因为只要 likeJavaScript 是一个真值，检查就会通过。
这是另一个例子。如果 a 不等于 true，那就做点什么吧。
常规：
简写：
5. For 循环简写
如果您想要纯 JavaScript 并且不想依赖外部库（如 jQuery 或 lodash），这个小技巧非常有用。
常规：
简写：
如果您只想访问索引，请执行以下操作：
如果要访问文字对象中的键，这也适用：
Array.forEach简写：
6. 短路判断赋值
如果预期参数为 null 或 undefined，我们可以简单地使用短路逻辑运算符，只需一行代码即可完成相同的操作，而不是编写六行代码来分配默认值。
常规：
简写：
7. 十进制基本指数
你可能已经看过这个了。它本质上是一种编写没有尾随零的数字的奇特方式。例如，1e7 实质上意味着 1 后跟 7 个零。它表示一个十进制基数（JavaScript 解释为浮点类型）等于 10,000,000。
常规：
简写：
8. 对象属性简写
在 JavaScript 中定义对象很简单。ES6 提供了一种更简单的方法来为对象分配属性。如果变量名称与对象键相同，则可以使用简写表示法。
常规：
简写：
9. 箭头函数简写
经典函数以简单的形式易于读写，但是一旦你开始将它们嵌套在其他函数调用中，它们往往会变得有点冗长和混乱。
常规：
简写：
重要的是要注意，箭头函数内部的 this 与常规函数的不同，因此这两个示例并不严格等效。有关详细信息，请参阅有关箭头函数语法的文章。
10. 隐式返回简写
Return 是我们经常使用的关键字，用于返回函数的最终结果。具有单个语句的箭头函数将隐式返回其执行结果（函数必须省略大括号（{}）以省略 return 关键字）。
要返回多行语句（例如对象），必须使用 () 而不是 {} 来包装函数体。这可确保将代码执行为单个语句。
常规：
简写：
11. 默认参数值
您可以使用 if 语句定义函数参数的默认值。在 ES6 中，您可以在函数声明本身中定义默认值。
常规：
简写：
12. 模板字符串
您是否厌倦了使用 ‘+’ 将多个变量连接成一个字符串？有没有更简单的方法？如果你能够使用 ES6，那么你很幸运。您需要做的就是使用反引号，并使用 ${} 来包含变量。
常规：
简写：
13. 解构赋值简写
如果您正在使用任何流行的 Web 框架，那么很有可能您将使用对象形式的数组或数据，在组件和 API 之间传递信息。数据对象到达组件后，您需要将其解构。
常规：
简写：
您甚至可以分配自己的变量名称，比如 entity 替换原来对象中的 contact: