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';}