資訊專欄INFORMATION COLUMN
摘要：為我們提供了模板字符串，語法使用反引號(hào)。模板字符串具有以下三個(gè)優(yōu)點(diǎn)多行文本字符串中插入變量字符串中插入表達(dá)式基本語法模板字符串和的字符串的聲明一樣?？偨Y(jié)模板字符串就是這么的簡單這么的好用。
ES6為我們提供了模板字符串，語法使用反引號(hào)`。模板字符串具有以下三個(gè)優(yōu)點(diǎn)：
多行文本
字符串中插入變量
字符串中插入表達(dá)式
基本語法模板字符串和 ES5的字符串的聲明一樣。
// ES5 var name = "xixi"; console.log(name);// xixi // ES6 let name4ES6 = `一步`; console.log(name4ES6);// 一步多行文本
在Jquery 盛行的年代，我們經(jīng)常會(huì)拼接 html 片段再進(jìn)行節(jié)點(diǎn)替換。寫一段 ES5的代碼大家體會(huì)一下：
var str = "" + "啦拉拉" + "xixixi" + ""; console.log(str);//啦拉拉xixixi
ES6支持多行文本，上面的代碼實(shí)現(xiàn)起來就容易多了。
let str4ES6 = `
啦拉拉
xixixix
`;
console.log(str4ES6);
可以插入變量或表達(dá)式
// ES5 var name = "xixi"; var age = 27; var info = "my name is " + name + " , age is " + age + "."; console.log(info);// my name is xixi , age is 27.
ES6的模板字符串實(shí)現(xiàn)起來就容易好多。關(guān)鍵語法${}，其中可以插入任何的 js 表達(dá)式。
let name = "xixi";
let age = 27;
let info = `my name is ${name}, my age is ${age}. just a test ${1 + 10}!`;
console.log(info);// my name is xixi, my age is 27. just a test 11!
總結(jié)
ES6模板字符串就是這么的簡單這么的好用。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://hztianpu.com/yun/88873.html
摘要：由兩部分組成模板起始符，稱為沉音符反引號(hào)，其內(nèi)容被識(shí)別為字符串模板。其實(shí)這是通過屬性操作中的結(jié)果，也就是說屬性將對(duì)控制符進(jìn)行轉(zhuǎn)義從而實(shí)現(xiàn)按照普通字符輸出。的語法是緊跟在后面，兩者間不能有空格或制表符等。 1. Brief ES6(ECMAScript 6th edition)于2015年7月份發(fā)布，雖然各大瀏覽器仍未全面支持ES6，但我們可以在后端通過Node.js 0.12和io....
摘要：這是一個(gè)系列文章，將會(huì)介紹目前前端領(lǐng)域里用到的三種模板引擎技術(shù)，它們分別是基于字符串的模板基于操作的模板基于虛擬的模板本文是這個(gè)系列的第一篇，著重介紹基于字符串的模板引擎的實(shí)現(xiàn)原理，分析它的優(yōu)點(diǎn)缺點(diǎn)以及使用的場景。 這是一個(gè)系列文章，將會(huì)介紹目前Web前端領(lǐng)域里用到的三種模板引擎技術(shù)，它們分別是： 基于字符串的模板 基于Dom操作的模板 基于虛擬Dom的模板 本文是這個(gè)系列的第一篇...
摘要：最終的代碼如下第二版假設(shè)有這樣一段為了保持可讀性，我希望最終輸入的樣式為其實(shí)就是匹配每行前面的空格，然后將其替換為空字符串。 基礎(chǔ)用法 let message = `Hello World`; console.log(message); 如果你碰巧要在字符串中使用反撇號(hào)，你可以使用反斜杠轉(zhuǎn)義： let message = `Hello ` World`; console.log(mes...
摘要：本章主要講個(gè)知識(shí)點(diǎn)，字符串正則表達(dá)式字符串字符串是大原始數(shù)據(jù)類型。提供的標(biāo)準(zhǔn)形式，接受一個(gè)可選的字符串參數(shù)，指明應(yīng)用某種標(biāo)準(zhǔn)形式。如果在字符串中檢測到指定文本，返回，否則。字符串內(nèi)插入反撇號(hào)的方式。 相比較于第一章變量的聲明，這一章的內(nèi)容有了一點(diǎn)深度提升，但還不至于很難理解。本章主要講2個(gè)知識(shí)點(diǎn)，字符串、正則表達(dá)式 字符串 字符串（String）是JavaScript6大原始數(shù)據(jù)類型。...
閱讀 2806·2023-04-25 22:09
閱讀 2926·2021-10-14 09:47
閱讀 2154·2021-10-11 11:10
閱讀 2797·2021-10-09 09:44
閱讀 3513·2021-09-22 14:57
閱讀 2603·2019-08-30 15:56
閱讀 1694·2019-08-30 15:55
閱讀 855·2019-08-30 14:13
