網頁

2017/10/29

JavaScript ES6 Template String

JavaScript ES6 多了Template String(模板字串)的語法。

Template String使用反引號(backquotes)`將字串包夾,帶入的變數或表示式使用${}符號包夾。

比較底下ES5和ES6的差異

var name = 'Matt';

console.log('Hello, this is' + name); // ES5 原本的寫法

console.log(`Hello, this is ${name}`); // ES6 Template String的寫法

var a = 2;
var b = 3;
console.log(`a + b = ${a + b}`); // 在Templdate String中可使用表示式

在Templdate String中要印出反引號則在前面加上反斜線\,例如

console.log(`\``); // 印出 `

沒有留言:

張貼留言