JavaScript?中的行繼續(xù)符操作
這個(gè)簡(jiǎn)短的 JavaScript 文章涵蓋了 JavaScript 中的詞法語法。 此外,還將使用各種新的換行技術(shù)深入介紹字符串,以及在處理這些字符串時(shí)如何處理換行符。
JavaScript 中的詞法語法
在計(jì)算機(jī)科學(xué)中,詞法語法是一種描述標(biāo)記句法的技術(shù)語法。 該程序是用語言的語言結(jié)構(gòu)定義的字符構(gòu)建的。
字符集可與任何書面語言的字母表相媲美。 ECMAScript 腳本的源文本從左到右讀取,并轉(zhuǎn)換為一系列輸入組件,例如標(biāo)記、控制字符、行終止符、注釋或空格。
ECMAScript 定義了特定的關(guān)鍵字、文字和在語句后插入分號(hào)的規(guī)則。
JavaScript 中的字符串文字
字符串文字是由單引號(hào)或雙引號(hào)括起來的零個(gè)或多個(gè) Unicode 代碼點(diǎn)的順序。 轉(zhuǎn)義序列也可以表示 Unicode 代碼點(diǎn)。
除了以下結(jié)束引號(hào)代碼點(diǎn)外,所有代碼點(diǎn)都可能逐字出現(xiàn)在字符串文字中:
- U+005C 或者 \ (backslash),
- U+000D 或者 ,
- 和 U+000A 或 .
任何代碼點(diǎn)都可以作為轉(zhuǎn)義序列出現(xiàn)。
字符串文字被解釋為 ECMAScript 字符串值。 生成這些字符串值時(shí),Unicode 代碼點(diǎn)采用 UTF-16 編碼。
JavaScript 中的行繼續(xù)
JavaScript 中的字符串操作可能很復(fù)雜。 盡管字符串操作易于掌握,但實(shí)施起來卻具有挑戰(zhàn)性,其中一個(gè)相關(guān)領(lǐng)域是添加新行。
還有其他方法可以使用 JavaScript 插入新行,但它們不像 HTML 的段落或 break 標(biāo)記那樣簡(jiǎn)單。
盡管如此,讓我們看看在 JavaScript 中插入新行的最流行的方法。
在 JavaScript 中使用轉(zhuǎn)義方法實(shí)現(xiàn)行繼續(xù)
在 JavaScript 中,轉(zhuǎn)義序列是一種創(chuàng)建新行的系統(tǒng)方法。 在 Windows 和 Linux 中,新行的轉(zhuǎn)義序列是 \n; 但是,在一些較舊的 Mac 上,使用 \r。
轉(zhuǎn)義序列的實(shí)現(xiàn)相對(duì)簡(jiǎn)單。
例子:
let data = "Hello World"; let newstring = "Hello \nWorld"; console.log(data); console.log(newstring);
輸出:
"Hello World""HelloWorld"
十六進(jìn)制轉(zhuǎn)義序列
十六進(jìn)制轉(zhuǎn)義序列由字符 \x
后跟恰好兩個(gè)表示代碼單元或點(diǎn)的十六進(jìn)制數(shù)字組成,范圍從 0x0000 到 0x00FF 。
例子:
'\xA9' // "?"
Unicode 轉(zhuǎn)義序列
在 \u
之后,Unicode 轉(zhuǎn)義序列恰好由四個(gè)十六進(jìn)制數(shù)字組成。 在UTF-16編碼中,它表示一個(gè)編碼單元。
代碼單元相當(dāng)于代碼點(diǎn) U+0000 到 U+FFFF 。 代碼點(diǎn)需要兩個(gè)轉(zhuǎn)義序列來反映用于對(duì)字符進(jìn)行編碼的兩個(gè)代碼單元; 代理對(duì)在代碼點(diǎn)上是唯一的。
例子:
'\u00A9' // "?" (U+A9)
Unicode 代碼點(diǎn)轉(zhuǎn)義序列
Unicode 代碼點(diǎn)轉(zhuǎn)義序列由 \u{}
和十六進(jìn)制代碼點(diǎn)組成。 十六進(jìn)制數(shù)字的范圍必須從 0 到 0x10FFFF 。
U+10000 到 U+10FFFF 中的代碼點(diǎn)不需要代理對(duì)。 在 ECMAScript 2015 中,代碼點(diǎn)轉(zhuǎn)義被添加到 JavaScript (ES6)。
例子:
'\u{2F804}' // CJK COMPATIBILITY IDEOGRAPH-2F804 (U+2F804) // the same figure portrayed as a surrogate twin '\uD87E\uDC04'
在 JavaScript 中使用模板文字實(shí)現(xiàn)行繼續(xù)
模板文字可能看起來很復(fù)雜,但它們是支持行話背后嵌入表達(dá)式的字符串文字。 它們促進(jìn)了多行字符串的使用。
反引號(hào) (``) 用于包圍模板文字。
例子:
let data = "Hello \nWorld"; let newstring = `Hello World`; console.log(data); console.log(newstring);
輸出:
"HelloWorld""HelloWorld"
在轉(zhuǎn)義方法和模板文字的兩種情況下返回相同的輸出。 但是,如您所見,模板字面量使編寫多行字符串變得更加容易。
在 JavaScript 中使用 HTML Break 元素實(shí)現(xiàn)行繼續(xù)
在 JavaScript 中創(chuàng)建新行的另一種方法是在字符串中包含 HTML 換行符元素。
重要的是要注意 break 元素只應(yīng)在行的劃分很重要時(shí)使用。 但是,由于這種策略非常普遍,我們也會(huì)對(duì)其進(jìn)行研究。
例子:
<html> <body> <p id="newline"></p> <script> let data = "Hello" + " " + "World "; document.getElementById("newline").innerHTML = data; </script> </body> </html>
輸出:
到此這篇關(guān)于JavaScript 中的行繼續(xù)符的文章就介紹到這了,更多相關(guān)js行繼續(xù)符內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
前端報(bào)錯(cuò)Failed?to?resolve?component:?smile-outlined?If?thi
這篇文章主要為大家介紹了前端報(bào)錯(cuò)?Failed?to?resolve?component:?smile-outlined?If?this?is?a?native?custom?的問題分析解決,有需要的朋友可以借鑒參考下2023-06-06淺談layui使用模板引擎動(dòng)態(tài)渲染元素要注意的問題
今天小編就為大家分享一篇淺談layui使用模板引擎動(dòng)態(tài)渲染元素要注意的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09JS常見疑難點(diǎn)分析之match,charAt,charCodeAt,map,search用法分析
這篇文章主要介紹了JS常見疑難點(diǎn)分析之match,charAt,charCodeAt,map,search用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了match,charAt,charCodeAt,map,search的功能,使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12一文帶你掌握掌握J(rèn)avaScript中不同屬性類型的細(xì)節(jié)
JavaScript是一種功能強(qiáng)大的編程語言,支持面向?qū)ο蟮木幊谭妒剑疚膶⒔榻BJavaScript中面向?qū)ο缶幊痰幕靖拍?,包括?duì)象、屬性類型、定義多個(gè)屬性和讀取屬性的特性2023-06-06

分析javascript中9 個(gè)常見錯(cuò)誤阻礙你進(jìn)步

javascript下利用for( in )語句 獲得所有事件名稱的代碼

js實(shí)現(xiàn)獲取鼠標(biāo)當(dāng)前的位置