2016-03-07 6 views
50

私はここやMDNで何も見たことがありません。私は何かを欠いていると確信しています。これについてはどこかのドキュメントが必要でしょうか?

機能的には、+演算子を使用して連結を行わずに文字列の中に変数をネストできるように見えます。私はこの機能に関するドキュメントを探しています。

例:

var string = 'this is a string'; 

console.log('Insert a string here: ${string}'); 
+0

はあなたがについて尋ねているものにいくつかのコンテキストを与えることができますか?この質問は書かれているようには不明です。 –

+0

[ECMAScript 2015テンプレートリテラル](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals) –

+0

これは悪い質問ではありません。それは新しい機能ですが、私は確かにSOに重複を見つけることはできませんが、正確に何が見えたのかという例は良いと思います。 –

答えて

66

あなたはおよそtemplate literalsを話しています。

複数行文字列と文字列補間の両方が可能です。

複数行の文字列:

console.log(`foo 
bar`); 
// foo 
// bar 

文字列の補間:

var foo = 'bar'; 
console.log(`Let's meet at the ${foo}`); 
// Let's meet at the bar 
+21

長い間私を混乱させたことの1つは、テンプレートリテラルが一重引用符( ')ではなく、キーボードの「1」の左側にあります。 – Sydney

+4

Cool:コードを挿入することもできます:console.log(\ 'あなたの配列:\ n $ {arr.join( '\ n')} \') ' – T4NK3R