JavaScript?中的行繼續(xù)符操作
這個簡短的 JavaScript 文章涵蓋了 JavaScript 中的詞法語法。 此外，還將使用各種新的換行技術深入介紹字符串，以及在處理這些字符串時如何處理換行符。
JavaScript 中的詞法語法
在計算機科學中，詞法語法是一種描述標記句法的技術語法。 該程序是用語言的語言結構定義的字符構建的。
字符集可與任何書面語言的字母表相媲美。 ECMAScript 腳本的源文本從左到右讀取，并轉換為一系列輸入組件，例如標記、控制字符、行終止符、注釋或空格。
ECMAScript 定義了特定的關鍵字、文字和在語句后插入分號的規(guī)則。
JavaScript 中的字符串文字
字符串文字是由單引號或雙引號括起來的零個或多個 Unicode 代碼點的順序。 轉義序列也可以表示 Unicode 代碼點。
除了以下結束引號代碼點外，所有代碼點都可能逐字出現在字符串文字中：
- U+005C 或者 \ (backslash),
- U+000D 或者 ,
- 和 U+000A 或 .
任何代碼點都可以作為轉義序列出現。
字符串文字被解釋為 ECMAScript 字符串值。 生成這些字符串值時，Unicode 代碼點采用 UTF-16 編碼。
JavaScript 中的行繼續(xù)
JavaScript 中的字符串操作可能很復雜。 盡管字符串操作易于掌握，但實施起來卻具有挑戰(zhàn)性，其中一個相關領域是添加新行。
還有其他方法可以使用 JavaScript 插入新行，但它們不像 HTML 的段落或 break 標記那樣簡單。
盡管如此，讓我們看看在 JavaScript 中插入新行的最流行的方法。
在 JavaScript 中使用轉義方法實現行繼續(xù)
在 JavaScript 中，轉義序列是一種創(chuàng)建新行的系統方法。 在 Windows 和 Linux 中，新行的轉義序列是 \n； 但是，在一些較舊的 Mac 上，使用 \r。
轉義序列的實現相對簡單。
例子：
let data = "Hello World"; let newstring = "Hello \nWorld"; console.log(data); console.log(newstring);
輸出:
"Hello World""HelloWorld"
十六進制轉義序列
十六進制轉義序列由字符 \x 后跟恰好兩個表示代碼單元或點的十六進制數字組成，范圍從 0x0000 到 0x00FF 。
例子：
'\xA9' // "?"
Unicode 轉義序列
在 \u 之后，Unicode 轉義序列恰好由四個十六進制數字組成。 在UTF-16編碼中，它表示一個編碼單元。
代碼單元相當于代碼點 U+0000 到 U+FFFF 。 代碼點需要兩個轉義序列來反映用于對字符進行編碼的兩個代碼單元； 代理對在代碼點上是唯一的。
例子：
'\u00A9' // "?" (U+A9)
Unicode 代碼點轉義序列
Unicode 代碼點轉義序列由 \u{} 和十六進制代碼點組成。 十六進制數字的范圍必須從 0 到 0x10FFFF 。
U+10000 到 U+10FFFF 中的代碼點不需要代理對。 在 ECMAScript 2015 中，代碼點轉義被添加到 JavaScript (ES6)。
例子：
'\u{2F804}' // CJK COMPATIBILITY IDEOGRAPH-2F804 (U+2F804)
// the same figure portrayed as a surrogate twin
'\uD87E\uDC04'在 JavaScript 中使用模板文字實現行繼續(xù)
模板文字可能看起來很復雜，但它們是支持行話背后嵌入表達式的字符串文字。 它們促進了多行字符串的使用。
反引號 (``) 用于包圍模板文字。
例子：
let data = "Hello \nWorld"; let newstring = `Hello World`; console.log(data); console.log(newstring);
輸出:
"HelloWorld""HelloWorld"
在轉義方法和模板文字的兩種情況下返回相同的輸出。 但是，如您所見，模板字面量使編寫多行字符串變得更加容易。
在 JavaScript 中使用 HTML Break 元素實現行繼續(xù)
在 JavaScript 中創(chuàng)建新行的另一種方法是在字符串中包含 HTML 換行符元素。
重要的是要注意 break 元素只應在行的劃分很重要時使用。 但是，由于這種策略非常普遍，我們也會對其進行研究。
例子：
<html>
<body>
<p id="newline"></p>
<script>
let data = "Hello" + "
" + "World ";
document.getElementById("newline").innerHTML = data;
</script>
</body>
</html>輸出:
到此這篇關于JavaScript 中的行繼續(xù)符的文章就介紹到這了,更多相關js行繼續(xù)符內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
在前端開發(fā)中，我們經常需要在不同的組件或類之間共享功能代碼，Mixin提供了一種非常靈活的方式，可以讓我們在不破壞繼承關系的前提下，將功能代碼復用到多個對象中，文章通過代碼示例介紹mixin提升代碼復用性的方法和好處,需要的朋友可以參考下2023-06-06
原生js獲取iframe中dom元素--父子頁面相互獲取對方dom元素的方法
下面小編就為大家?guī)硪黄鷍s獲取iframe中dom元素--父子頁面相互獲取對方dom元素的方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
純JS開發(fā)baguetteBox.js響應式畫廊插件
這篇文章主要介紹了純JS開發(fā)baguetteBox.js響應式畫廊插件,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
最近項目經理交給我一下新項目，要實現關系圖，需要在線條上繪制文字。下面小編把使用textPath實現線條上的文字功能分享到腳本之家平臺供大家參考2017-12-12
這篇文章主要介紹了一個簡單的Node.js異步操作管理器分享,需要的朋友可以參考下2014-04-04
這篇文章主要為大家詳細介紹了JS實現無縫循環(huán)marquee滾動效果，兼容IE, FireFox, Chrome，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要給大家介紹了關于js獲取光標位置的最新方法,獲取光標位置,最常用的方法就是使用Selection對象和Range對象,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了基于JavaScript實現新增內容滾動播放效果,效果非常棒，實現代碼簡單易懂，需要的朋友可以參考下2017-08-08
JavaScript實現Date()日期格式化的3種常用方法
Date()日期對象是一個構造函數,必須使用new來調用創(chuàng)建我們的日期對象,下面這篇文章主要給大家介紹了關于JavaScript實現Date()日期格式化的3種常用方法,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了如何使用gpu.js改善JavaScript的性能，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12