JavaScript開發人員需要了解的簡寫技巧有哪些

小編給大家分享一下JavaScript開發人員需要了解的簡寫技巧有哪些，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

1、三目運算符

下面是一個很好的例子，將一個完整的 if 語句，簡寫為一行代碼。

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

簡寫為：

const answer = x > 10 ? 'greater than 10' : 'less than 10';

2、循環語句

當使用純 JavaScript（不依賴外部庫，如 jQuery 或 lodash）時，下面的簡寫會非常有用。

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

簡寫為：

for (let index of allImgs)

下面是遍歷數組 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

3、聲明變量

在函數開始之前，對變量進行賦值是一種很好的習慣。在申明多個變量時：

let x;
let y;
let z = 3;

可以簡寫為：

let x, y, z=3;

4、if 語句

在使用 if 進行基本判斷時，可以省略賦值運算符。

if (likeJavaScript === true)

簡寫為：

if (likeJavaScript)

5、十進制數

可以使用科學計數法來代替較大的數據，如可以將 10000000 簡寫為 1e7。

for (let i = 0; i < 10000; i++) { }

簡寫為：

for (let i = 0; i < 1e7; i++) { }

6、多行字符串

如果需要在代碼中編寫多行字符串，就像下面這樣：

const lorem = 'Lorem ipsum dolor sit amet, consectetur\n\t'
    + 'adipisicing elit, sed do eiusmod tempor incididunt\n\t'
    + 'ut labore et dolore magna aliqua. Ut enim ad minim\n\t'
    + 'veniam, quis nostrud exercitation ullamco laboris\n\t'
    + 'nisi ut aliquip ex ea commodo consequat. Duis aute\n\t'
    + 'irure dolor in reprehenderit in voluptate velit esse.\n\t'

但是還有一個更簡單的方法，只使用引號：

const lorem = `Lorem ipsum dolor sit amet, consectetur
    adipisicing elit, sed do eiusmod tempor incididunt
    ut labore et dolore magna aliqua. Ut enim ad minim
    veniam, quis nostrud exercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor in reprehenderit in voluptate velit esse.`

看完了這篇文章，相信你對“JavaScript開發人員需要了解的簡寫技巧有哪些”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！