史上最全JavaScript常用的简写技巧（推荐）

JavaScript 是属于网络的脚本语言！被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。同时很容易使用，所以越来越多的开发者选择js代码来实现自己想要的效果，但开发过程中，为了更高的效率和良好的代码规范要求，我们不得不知晓js一些常用的简写技巧，如下我帮大家整理了下，一起进来看看吧~

1. 三元运算符

当你想用一行代码来写if...else语句的时候，使用三元操作符是非常好的选择，例如：

const x = 20;let answer;if (x > 10) {  answer = 'is greater';} else {  answer = 'is lesser';}

可以简写为：

const answer = x > 10 ? 'is greater' : 'is lesser';

也可以嵌套if语句：

const big = x > 10 ? " greater 10" : x

2. 简写短路求值

当给一个变量分配另一个值的时候，你可能想确定初值不是null，undefined或空值。这时，你可以写一个多重条件的if语句：

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {   let variable2 = variable1;}

或者可以使用短路求值的方法：

const variable2 = variable1  || 'new';

3. 简写变量声明

在定义函数的时候，你可能需要先声明多个变量，例如：

let x;let y;let z = 3;

这时，你可以使用简写的方式节省很多时间和空间，即同时声明多个变量：

let x, y, z=3;

4. 简写 if 执行条件

这可能微不足道，但值得一提。在你做if条件检查的时候，其赋值操作可以省略，例如：

if (likeJavaScript === true)

可以简写为：

if (likeJavaScript)

只有当likeJavaScript是真值的时候，以上两个语句才可以替换。如果判断假值，例如：

let a;if ( a !== true ) {  // do something...}

可以简写为：

let a;if ( !a ) {  // do something...}

5. 简写 JavaScript 循环方法

当你想使用纯 javascript 而不依赖外库（例如jQuery）的时候，这是非常有用的。

for (let i = 0; i < allImgs.length; i++)

可以简写为：

for (let index in allImgs)

也可以使用Array.forEach：

function logArrayElements(element, index, array) {  console.log("a[" + index + "] = " + element);}[2, 5, 9].forEach(logArrayElements);// logs:// a[0] = 2// a[1] = 5// a[2] = 9

6. 短路求值

如果想通过判断参数是否为null或者undefined来分配默认值的话，我们不需要写六行代码，而是可以使用一个短路逻辑运算符，只用一行代码来完成相同的操作。例如：

let dbHost;if (process.env.DB_HOST) {  dbHost = process.env.DB_HOST;} else {  dbHost = 'localhost';}