JavaScript で連結せずに変数を文字列に補間するにはどうすればよいですか?

JavaScript で文字列内の変数を補間し、連結を排除する

PHP などのプログラミング言語で、「$hello」などの構文を使用して変数を文字列に補間するは簡潔でエレガントなアプローチです。しかし、連結に頼らずに JavaScript で同じ機能を実現することはできますか?

ES2015 (ES6) で導入された機能である Template Literals の紹介。これにより、JavaScript に文字列内に式を埋め込む機能が追加されます。二重引用符や一重引用符ではなく、バックティック (`) で囲みます。

変数の場合補間の構文は次のとおりです:

`String text ${expression}`

例:

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

これにより、連結の必要性が回避されるだけでなく、連結を必要とせずに複数行の文字列にも対応できます。厄介なエスケープ手法を省略し、テンプレートの構築を大幅に強化します。

ブラウザサポート:

新しい構文として、テンプレート リテラルは普遍的にサポートされていません。広範囲に適用するには、Babel/Webpack を使用してコードを ES5 にトランスパイルすることを検討してください。

ボーナス:

IE8 は、console.log 内で文字列フォーマットの基本的な形式を提供します:

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

最終的に、テンプレート リテラルは、変数補間およびJavaScript での複数行の文字列構築。

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