JS 字串拼接 Template Literals


Posted by fang on 2020-06-20

可以解決兩大問題,第一個是多行字串,第二個是多個字串拼接

多行字串

//用單引號寫多行字串會產生錯誤
var str = '
Hello
world
'
console.log(str)

如果想要用最傳統的語法寫多行字串,就必須要多加一些語法

//需要利用字串拼接的方式,才能變成多行字串
var str = '' + '\n' +
'Hello' + '\n' +
'world'
console.log(str)

多行字串 - 解決方法

改用鍵盤~按鍵上,有一個像是斜斜的單引號符號,就可以不需要使用多餘的語法,直接進行多行字串的撰寫。

//改成使用`符號
var str = `
Hello
world
`
console.log(str)

多個字串拼接

需要使用很多的單引號以及加號。

//有很多個字串需要串在一起
function sayHi(name){
    console.log('Hello, ' + name + ' now is ' + new Date())
}
sayHi('Fang')

多個字串拼接 - 解決方法

改用鍵盤~按鍵上,有一個像是斜斜的單引號符號,需要使用變數的時候使用${變數},使用這種方式進行撰寫會讓程式碼比較容易閱讀。

//有很多個字串需要串在一起
function sayHi(name){
    console.log(`Hello, ${name} now is ${new Date()}`)
}
sayHi('Fang')

#javascript #字串拼接







Related Posts

Filecoin 礦工前置作業 - 1

Filecoin 礦工前置作業 - 1

[FE102] 實戰演練:JavaScript

[FE102] 實戰演練:JavaScript

Day 113

Day 113


Comments