字串模板

模板字串用反引號(數字1左邊的那個鍵)包含，其中的變數用${}括起來

var name = 'zfpx',age = 8;
let desc = `${name} is ${age} old!`;
console.log(desc);
所有模板字串的空格和換行，都是被保留的
var str = `<ul>
<li>a</li>
<li>b</li>
</ul>`
console.log(str);

其中的變數會用變數的值替換掉

帶標籤的模板字串

可以在模板字串的前面新增一個標籤，這個標籤可以去處理模板字串 標籤其實就是一個函式,函式可以接收兩個引數,一個是strings,就是模板字串裡的每個部分的字元 還有一個引數可以使用rest的形式values,這個引數裡面是模板字串裡的值

var name = 'zfpx',age = 8;
function desc(strings,...values){
    console.log(strings,values);
}
desc`${name} is ${age} old!`;

字串新方法

• includes()：返回布林值，表示是否找到了引數字串。
• startsWith()：返回布林值，表示引數字串是否在源字串的頭部。
• endsWith()：返回布林值，表示引數字串是否在源字串的尾部。

var s = 'zfpx';
s.startsWith('z') // true
s.endsWith('x') // true
s.includes('p') // true

第二個引數，表示開始搜尋的位置

var s = 'zfpx';
console.log(s.startsWith('p',2)); // true
console.log(s.endsWith('f',2)); // true
console.log(s.includes('f',2)); // false
 

endsWith的行為與其他兩個方法有所不同。它針對前n個字元，而其他兩個方法針對從第n個位置直到字串結束

repeat

repeat方法返回一個新字串，表示將原字串重複n次。

'x'.repeat(3);
'x'.repeat(0);