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 <p>簡寫為：</p><pre class="brush:php;toolbar:false">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 <p>簡寫為：</p><pre class="brush:php;toolbar:false">for (let i = 0; i <h2>6、多行字串</h2><p>如果需要在程式碼中寫多行字串，就像下面這樣：</p><pre class="brush:php;toolbar:false">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 開發人員需要知道的簡寫技巧(初級篇)的全部介紹，如果您想了解更多有關JavaScript影片教學，請追蹤PHP中文網。

以上是JavaScript開發人員需要知道的簡寫技巧(初級篇)的詳細內容。更多資訊請關注PHP中文網其他相關文章！