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