title: 模板字符串
date: 2016-11-21 15:04:36
tags: [js]
模板字符串
模板字符串是ECMAScript 2015(ES6)規(guī)范的新特性煌往。完美的解決了js拼接字符串引號位置的煩惱。
用法
模板字符串使用反引號 ( ) 來代替普通字符串中的用雙引號和單引號蚯舱。模板字符串可以包含特定語法(${expression})的占位符愚隧。占位符中的表達式和周圍的文本會一起傳遞給一個默認函數(shù)海蔽,該函數(shù)負責(zé)將所有的部分連接起來锥咸,如果一個模板字符串由表達式開頭,則該字符串被稱為帶標(biāo)簽的模板字符串柬采,該表達式通常是一個函數(shù)欢唾,它會在模板字符串處理后被調(diào)用,在輸出最終結(jié)果前粉捻,你都可以在通過該函數(shù)對模板字符串來進行操作處理礁遣。
多行字符串
console.log(`string text line 1
string text line 2`);
只需要代碼換行就ok??;
表達式插補
let a = 5;
let b = 10;
console.log(`Fifteen is ${a + b} and\nnot ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."
當(dāng)然變量也可以使用這種方式添加到字符串中肩刃。
最后
雖然模板字符串是es6的方法祟霍,但在有babel的項目中 我們可以盡情的使用模板字符串啦??
原文地址:<a >Jimliu</a>歡迎來踩