勵志

勵志人生知識庫

模板字元串使用方法

模板字元串ES6中引入的一種新特性,它使用反引號(`)來標識,與普通字元串不同,模板字元串可以包含變數和表達式,並且這些變數和表達式會被插入到最終生成的字元串中。

以下是使用模板字元串的幾種方法:

基本用法。模板字元串可以像普通字元串一樣使用,例如,`let str = `這是一個模板字元串`;`,會生成包含空格、換行符和縮進的字元串。

變數插入。模板字元串中使用`${}`來包圍變數,例如,`let name = 'XiXiHaHa', age = 18; let sayHello = `Hello! My name is ${name}. My age is ${age}.`;`,在這個例子中,`${name}`和`${age}`會被替換為對應的變數值。

表達式運算。模板字元串中的`${}`可以包含任意的JavaScript表達式,例如,`let a = 1, b = 2; let abSum = addSum`${a} + ${b} = ${a + b}`;`,在這個例子中,`addSum`是一個函式,`${a} + ${b}`會被計算後插入到模板字元串中。

函式調用。模板字元串中的`${}`可以包含函式調用,例如,`let a = 1, b = 2; let abSum = addSum`${a} + ${b} = ${a + b}`;`,在這個例子中,`addSum`是一個函式,`${a} + ${b}`會被計算後插入到模板字元串中。

多行字元串。模板字元串可以表示多行字元串,所有的空格、換行和縮進都會被保留在輸出中。

需要注意的是,如果模板字元串中包含反引號,需要在其前面加轉義符(\),例如,`let str = `這是一個模板字元串`;`,需要改為`let str = `\`這是一個模板字元串`;`。