JavaScript 文字列に変数を簡単に挿入するにはどうすればよいですか?

JavaScript 文字列の変数の補間: 簡潔な解決策

JavaScript では、連結に頼ることなく、変数を文字列に簡単に補間できます。 ES6 で導入された機能であるテンプレート リテラルを導入すると、次の簡潔でエレガントな構文を利用できるようになります。

`String text ${expression}`

テンプレート リテラルを二重引用符または一重引用符の代わりにバックティック (`)` で囲むだけです。次の例を考えてみましょう。

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

これにより、コードが明確になるだけでなく、エスケープを必要とせずに複数行の文字列を使用できるようになります。これは、テンプレートを作成する場合に特に有益です。

return `
    <div class="${foo}">
         ...
    </div>
`;

テンプレート リテラルは Internet Explorer などの古いブラウザではサポートされていないことに注意することが重要です。ブラウザ間の互換性を確保するには、Babel や Webpack などのツールを使用してコードを ES5 にトランスパイルすることを検討してください。さらに、Internet Explorer 8 は、console.log:

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

内で制限付きの文字列フォーマット機能を提供します。テンプレート リテラルを採用することで、JavaScript コードを合理化し、簡潔かつ読みやすくすることができます。

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