

文字列を連結する方法で、「＋」を用いる

[code]

    console.log("名前は"　+　name　+　"です")
    
[/code]

ではなく、テンプレートリテラルの

[code]

    console.log(`名前は${name}です`)
    
[/code]

を用いるメリットは、視認性の向上のみなのでしょうか？

文字列連結を行う際に、毎度どちらを使用するか迷ってしまいます。


CC BY-SA 4.0
2021-11-27T12:48:03.323
83836
2021-11-29T08:56:13.740
49254
question
javascript ecmascript-6
JavaScriptのテンプレートリテラルのメリット


視認性向上のみで、テンプレートリテラル使えばよいと思います。  
ESLint の fix オプションで自動変換もしてくれますよ。

<https://eslint.org/docs/rules/prefer-template>


CC BY-SA 4.0
2021-11-29T05:22:56.900
83864
2021-11-29T05:22:56.900
21047
83836
answer


一つの利点として文字列内に`"`または`'`が現れる場合でもエスケープ不要ということがありますね。逆に```はエスケープする必要がありますけどそっちはそんなに使うものではないので。


CC BY-SA 4.0
2021-11-29T08:56:13.740
83868
2021-11-29T08:56:13.740
5519
83836
answer