JavaScript 中的引號 – JavaScript 完全手冊（2018版）

摘要： 小編推薦： 掘金是一個面向程式員的高質量技術社群，從 一線大廠經驗分享到前端開發最佳實踐，無論是入門還是進階，來掘金你不會錯過前端開發的任何一個技術乾貨。 注：本文為 《 JavaScript 完全手冊（2018版） 》第15節，你可以檢視該手冊的完整目錄。 ...

小編推薦： ofollow,noindex">掘金是一個面向程式員的高質量技術社群，從 一線大廠經驗分享到前端開發最佳實踐，無論是入門還是進階，來掘金你不會錯過前端開發的任何一個技術乾貨。

注：本文為 《 JavaScript 完全手冊（2018版） 》第15節，你可以檢視該手冊的完整目錄。

現在我們來看看 JavaScript 中允許使用的引號及其獨特的特性。

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

'
"
`

前 2 個基本相同：

const test = 'test'
const bike = "bike"

使用這 2 種方法幾乎沒有差別。唯一的區別在於必須轉義用於分隔字串的引號字元：

const test = 'test'
const test = 'te\'st'
const test = 'te"st'
const test = "te\"st"
const test = "te'st"

有各種風格指南，建議始終使用一種風格與另一種風格。

我個人更喜歡單引號，並且只在 HTML 中使用雙引號。

反引號 (“) 是 JavaScript 的最新成員，因為它們在 2015 年 ES6 才推出。

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

使用轉義字元，常規字串也可以轉換為多行字串：

const multilineString = 'A string\non multiple lines'

使用反引號，者可以避免使用轉義字元：

const multilineString = `A string
on multiple lines`

不僅如此。您可以使用 ${} 語法插入變數或表示式：

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

我們將在一篇單獨的文章中介紹了反引號驅動的字串，稱為字面量模板（Template Literals），它更深入地介紹了更多細節。