1. 程式人生 > >小程式學習--ES6模板字串用法

小程式學習--ES6模板字串用法

我們通常JS變數和字串連線是通過+號來進行,例如這樣:

let a = 123;
console.log(a+'123')

很簡單 結果就是等於123123;但是有時候看程式碼比較不好懂,不夠明瞭

ES6有另外一個寫法,也就是模板字串,比較簡潔,可讀性更好:

let a = 123;
console.log(`${a}123`)

同樣打印出來也是123123;這裡需要注意的是,去掉單引號,用反引號去替代,a加上$符號和{}花括號之後,

編譯的時候會將a是識別成變數


模板字串還可以在花括號中使用函式:

//編寫一個方法
test:function(){
    return 123;
}
//末班字串呼叫方法

console.log(`${this.test()}123`)

這就是呼叫函式的寫法,呼叫函式的時候記得加上括號!