JavaScript(jQuery)における文字列中に変数を記述する方法ってあるでしょうか？


PHPだと、

[code]

    $hoge = "ほげ";
    $huga = "ああああああ{$hoge}いいいい";
    
[/code]

> 結果: ああああああほげいいいい

というような記述が出来ると思いますが、JavaScript(jQuery)で似たような記述方法ってあるでしょうか？  
検索したのですが、見つけられなかったため質問です。




ES2015(ES6) から導入された Template Literals がまさにその機能です。通常文字列リテラルに使われる `''`' `""`
の代わりに ```` で囲み、その中に `${ }` で囲んだ式を埋め込むことができます。

[Template strings - JavaScript |
MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/template_strings)

[code]

    var hoge = "ほげ";
    document.write(`ああああああ${hoge}いいいい<br/>`);
    
    var foo = 16;
    document.write(`${foo} * 2 = ${foo * 2}`);
[/code]

対応状況としてはInternetExplorerとAndroidBrowser、iOS8以前のSafariで使えないぐらいで、最新のモダンブラウザであれば普通に使うことができます。

<https://kangax.github.io/compat-table/es6/#test-template_literals>

それ以前のブラウザでも動かしたい場合、あるいはHTML出力などでエスケープ処理が必要な場合は、テンプレートエンジンを使うことになるかと思います。jQueryでもそのような機能は持ち合わせていません。




ES2015(ES6) から導入された Template Literals がまさにその機能です。通常文字列リテラルに使われる `''`' `""`
の代わりに ```` で囲み、その中に `${ }` で囲んだ式を埋め込むことができます。

[Template strings - JavaScript |
MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/template_strings)

[code]

    var hoge = "ほげ";
    document.write(`ああああああ${hoge}いいいい<br/>`);
    
    var foo = 16;
    document.write(`${foo} * 2 = ${foo * 2}`);
[/code]

対応状況としてはInternetExplorerとAndroidBrowser、iOS8以前のSafariで使えないぐらいで、最新のモダンブラウザであれば普通に使うことができます。

<https://kangax.github.io/compat-table/es6/#test-template_literals>

それ以前のブラウザでも動かしたい場合、あるいはHTML出力などでエスケープ処理が必要な場合は、テンプレートエンジンを使うことになるかと思います。jQueryでもそのような機能は持ち合わせていません。

