ES6 字串模板

2021-10-04 07:56:43 字數 1080 閱讀 9885

語法:把字串寫在``裡面,$:獲取值

var obj =

// 傳統列印

console.

log(

"我的名字叫"

+ obj.name +

",今年"

+ obj.age +

"歲")

;// es6

console.

log(

`我的名字叫

$,今年$歲`

);

模板模組:緊跟在乙個函式名後面,該函式將被呼叫來處理這個模板字串

alert`hello`

//==> alert(['hello'])

標籤模板其實不是模板,而是函式呼叫的一種特殊形式。「標籤」指的就是函式,緊跟在後面的模板字串就是它的引數

如果模板字元裡面有變數,就不是簡單的呼叫,而是會將模板字串先處理成多個引數在呼叫函式

const person = 'lydia';

const age = 21;

getpersoninfo`$ is $ years old`;

// 等同於

getpersoninfo(["", " is ", " years old"], 'lydia', 21);

getpersoninfo1`$溫恩 is 溫恩 $溫恩 1 溫恩 old`;

getpersoninfo1(["", "溫恩 is 溫恩 ", "溫恩 1 溫恩 old"], 'lydia', 21);

過濾html字串,防止使用者輸入惡意內容(測試**如果出錯就放在瀏覽器控制台裡面測試)

var sender = ''; // 惡意**

var message = saferhtml`$ has sent you a message.

`;function saferhtml(templatedata)

return str;

}// has sent you a message.

回到頂部目錄

ES6 字串模板

1.普通字串的拼接 普通字串在與變數拼接時一般使用 號,這種適用於簡單的拼接。如果是複雜的拼接使用jsx中的字串模板比較方便。1.普通字串的拼接 var str i bought an iphone var number 7 console.log str number s i bought an ...

ES6 字串模板

es6字串模板 es5let ananiah 大誒呀 let blog 我要忘了你的樣子 ananiah console.log blog 我要忘了你的樣子大誒呀 es6字串模板 let anania 大誒呀 let blogs 我要忘 了你的樣子 document.write blogs 可以放h...

ES6 字串 模板字串

昨天學習了字串物件和字串的表示,就是利用utf 8等不同的編碼方式,還有許多的物件方法,都是處理字串的方法,挺方便的,今天我學習了一下字串模板,這裡記錄i一下學習的筆記,當然,今天學習了部分內容,如果筆記有沒涉及到的,可以再自行學習,話不多說,這次筆記分為兩部分 正文開始 1 傳統的字串輸出模板就是...