ES6でバッククォートを使用する方法

es6 バックティックの使用法: 1. 単一行の文字列を定義します。2. 複数行の文字列を定義します。文字列内のスペース、インデント、改行は出力に保持されます。3. 文字列内"${}" に変数を埋め込みます (例: "`Hello ${name}`")

##このチュートリアルの動作環境: Windows7 システム、ECMAScript バージョン 6 , デルのG3コンピューター。

テンプレート文字列 (テンプレート文字列) は文字列の拡張バージョンであり、バックティック (`) で識別されます。通常の文字列として使用することも、複数行の文字列を定義したり、文字列に変数を埋め込んだりするために使用することもできます。

// 字符串中嵌入变量
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

テンプレート文字列でバッククォートを使用する必要がある場合は、バックスラッシュでエスケープする必要があります。

 var greeting = `\`Yo\` World!`;

テンプレート文字列を使用して複数行の文字列を表す場合、すべてのスペースとインデントが出力に保持されます。

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`);

この改行が不要な場合は、trim メソッドを使用して削除できます。

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`.trim());

テンプレート文字列に変数を埋め込むには、変数名を

${} で記述する必要があります。

【関連する推奨事項:

JavaScript ビデオ チュートリアル 、Web フロントエンド ]

以上がES6でバッククォートを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。