/

javascript-quotes

＃JavaScript中的引號

JavaScript允許使用3種類型的引號：

  • 單引號
  • 雙引號
  • 反引號

第一種和第二種本質上是相同的：

1
2
const test = 'test'
const bike = "bike"

在使用一種引號或另一種引號時，幾乎沒有什麼區別。唯一的區別在於必須對用於界定字符串的引號字符進行轉義：

1
2
3
4
5
const test = 'test'
const test = 'te\'st'
const test = 'te"st'
const test = "te\"st"
const test = "te'st"

有很多樣式指南建議始終使用一種風格而不是另一種。

我個人偏好始終使用單引號，在HTML中使用雙引號。

反引號是JavaScript的最新添加，自2015年的ES6引入以來。

它們具有一個獨特的功能：它們允許多行字符串。

使用逃逸字符，也可以使用常規字符串進行多行字符串：

1
const multilineString = 'A string\non multiple lines'

使用反引號，您可以避免使用逃逸字符：

1
2
const multilineString = `A string
on multiple lines`

不僅如此，您還可以使用${}語法插值變量：

1
2
const multilineString = `A string
on ${1+1} lines`

我在另一篇文章中介紹了使用反引號的字符串（稱為模板文字），該文章更深入地介紹了細節。

tags: [“JavaScript”, “quotes”, “template literals”]