Template literals

1137 ワード
テキストリンク

Templateテキストとは?


Template literals:
ネストされた式を許可する文字列テキスト.複数行文字列とテキスト補間機能を使用できます.このバージョンのES 2015仕様は、「template Strings」テンプレート文字列と呼ばれています.
`string text`

`string text line 1
 string text line 2`

`string text ${expression} string text`

tag `string text ${expression} string text`
  • の代わりに、二重引用符または二重引用符を使用します.
    • console.log(`string text line 1
string text line 2`);
    式は
  • のプレースホルダを使用し、$と括弧(${expression})で表される(プレースホルダ内の式は、その間のテキストとともに関数として渡される)
    • console.log(`Fifteen is ${a + b} and not ${2 * a + b}.`);
  • テンプレート文字の前に式(ここではタグ)がある場合、テンプレート文字は「タグテンプレート」と呼ばれます.この場合、タグ式(主に関数)が処理されたテンプレートテキストとともに呼び出されると、出力前に操作できます.
    • var output = myTag`that ${ person } is a ${ age }`;
  • テンプレートでbackslash()を使用するには、backの前にbackslash()を使用します.
    • `\`` === "`"

    Raw String


    入力元の文字列でアクセス可能
    var str = String.raw`Hi\n${2+3}!`;
// "Hi\n5!"
    ラベルform data binding
    カフカ・コネクト