JavaScript で変数を補間するときに文字列の連結を回避するにはどうすればよいですか?

JavaScript での文字列内の変数の補間: 連結不要のアプローチ

PHP では、文字列内の変数を連結せずにシームレスに挿入できます。これにより、同様のアプローチが JavaScript で実現可能かどうかという疑問が生じます。

JavaScript では、文字列内に式を挿入するための洗練されたソリューションである Template Literals (ES2015) が導入されています。これらのリテラルを使用すると、二重引用符または一重引用符の代わりにバッククォート ( ) を文字列区切り文字として使用できます。

テンプレート リテラル内では、式は次の構文を使用して補間されます。

`String text ${expression}`

例:

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b}.`); // "Fifteen is 15."

この構文は読みやすさを向上させるだけでなく、複数行も可能にしますエスケープなしの文字列:

return `
    <div>

ブラウザによるこの構文のサポートは優れていますが、IE8 などの古いブラウザの場合、Babel/Webpack はコードを ES5 にトランスパイルして互換性を高めることができます。

基本的な文字列の書式設定は、IE8 の console.log で行うことができます:

console.log('%s is %d.', 'Fifteen', 15); // Fifteen is 15.

以上がJavaScript で変数を補間するときに文字列の連結を回避するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。