javascript代碼需要使用分號嗎？

JavaScript 中分號劃分了社區(qū)。有些人無論如何都喜歡使用分號。其他人喜歡不加分號。

在使用分號多年之后，2017 年秋，我決定嘗試根據(jù)需要不加分號，并且設(shè)置 Prettier 自動移除我代碼中的分號，除非是必要的代碼結(jié)構(gòu)需要它們。

現(xiàn)在我發(fā)現(xiàn)，不使用分號非常自然，我認(rèn)為這樣的代碼看起來更好，它們更簡潔易讀。

這完全可能的，因為 JavaScript 并不嚴(yán)格要求分號。當(dāng)某個地方需要分號時，它會在后臺添加它。

這個過程就叫做 自動插入分號.

重要的是了解使用分號的規(guī)則，這樣可以避免編寫會產(chǎn)生 bug 的代碼，因為它們的行為與您期望的不同。

JavaScript 自動添加分號的規(guī)則

JavaScript 解釋器在解釋源碼時發(fā)現(xiàn)以下特殊情況，會自動添加分號：

• 當(dāng)下一行代碼開頭中斷當(dāng)前行代碼時（代碼可以多行編寫）

• 當(dāng)下一行以 } 開頭，關(guān)閉當(dāng)前塊

• 當(dāng)?shù)竭_(dá)源碼的結(jié)尾時

• 當(dāng) return 聲明在當(dāng)前行

• 當(dāng) break 聲明在當(dāng)前行

• 當(dāng) throw 聲明在當(dāng)前行

• 當(dāng) continue 聲明在當(dāng)前行

與你的想法不同的代碼示例

于這些規(guī)則，這里有一些例子。

看例子：

const hey = 'hey'
const you = 'hey'
const heyYou = hey + ' ' + you
['h', 'e', 'y'].forEach((letter) => console.log(letter))

你會得到錯誤 Uncaught TypeError: Cannot read property 'forEach' of undefined，因為基于規(guī)則 1，JavaScript 會嘗試將代碼解釋為

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

這段代碼：

(1 + 2).toString()

打印為 "3".

const a = 1
const b = 2
const c = a + b
(a + b).toString()

而是引發(fā) TypeError: b is not a function 異常，因為 JavaScript 嘗試將其解釋為

const a = 1
const b = 2
const c = a + b(a + b).toString()

另一個基于規(guī)則 4 的例子：

(() => {
  return
  {
    color: 'white'
  }
})()

你希望此立即調(diào)用的函數(shù)的返回值是一個包含 color 屬性的對象，但事實并非如此。相反，它是 undefined，因為 JavaScript 在 return 之后插入分號。

相反，你應(yīng)該將左括號放到 return 后面：

(() => {
  return {
    color: 'white'
  }
})()

你認(rèn)為這段代碼會展示 '0':

1 + 1
-1 + 1 === 0 ? alert(0) : alert(2)

相反它會展示 2，因為 JavaScript 根據(jù)規(guī)則 1 會解釋為：

1 + 1 -1 + 1 === 0 ? alert(0) : alert(2)

結(jié)束語

當(dāng)心。有些人對分號很有意見。我倒不是很在意，這個工具提供給我們一個不使用它的選擇，所以我們可以避免使用分號。

我不是在建議什么，只是讓你自己做決定。

我們只需要注意一點，即使大多數(shù)情況下這些基本場景從未出現(xiàn)在您的代碼中。

摘選一些規(guī)則，如下：

• 小心使用 return 語句。如果您返回某個內(nèi)容，請將其添加到與返回內(nèi)容相同的行中（類似還有 break、throw、continue）

• 永遠(yuǎn)不要使用括號開始一行，這些可能與前一行連接起來，形成函數(shù)調(diào)用或數(shù)組元素引用

最后，始終測試您的代碼，以確保它能滿足您的需要。

以上就是JS 代碼要不要加分號？的詳細(xì)內(nèi)容，更多請關(guān)注億速云其它相關(guān)文章！