JavaScript(TypeScript)で文字列内のパラメータを埋めるようなフォーマットをしたい

Question

前提・実現したいこと

JavaScript(TypeScript)で、文字列をフォーマットしたい。
※実際開発で使用しているのはTypeScriptになります。

例えばですが、

String．format('${name}です。${country}に住んでいます。', {name: "山田太郎", country: "日本"});
// 出来上がる文字列は、 『山田太郎です。日本に住んでいます。』
// ※ ${name} などの書き方は別の書き方かもしれません、あくまで例です。
// できれば、第2引数で渡すオブジェクト名とリンクしてくれると嬉しい。

のうようなフォーマット機能、あるいは実現できるライブラリはないのでしょうか?

javaなどだとあると思っているのですが、ちょっと調べた感じでは、
JavaScriptでは基本機能としても、ライブラリとしても提供されてないように思えました。

実際がどんな状況かというと、
jsonファイルでメッセージ一覧を管理し、このメッセージが上記のようなパラメータ含みで書かれており、
実際のコード上でログを出す際に適宜パラメータ部分を埋め込みたいというようなことになります。

※ メッセージ内容はこのjsonファイルを読み込んで取得するため、テンプレートリテラルで埋め込むということはできないと思っています。

試したこと

試したわけではないですが、ググった感じ自前でString.prototype.formに定義しようねといっ感じになっているなと認識しており、
他の言語では結構一般的にやりそうなのに、JavaScriptではみんな自前で用意してるの?
そもそも、こんな機能あまり求められてないの?
と不思議に思い質問冴えていただきました。

Comments

[hoshi-takanori]

こういうこと？
https://ja.stackoverflow.com/questions/3153/%E5%A4%89%E6%95%B0%E3%81%8B%E3%82%89template-strings%E3%82%92%E7%94%9F%E6%88%90%E3%81%97%E3%81%9F%E3%81%84

Answer 1

死ぬほど不便ですよね。

各ブラウザが自前でJavaScriptエンジン作る時に
これが仕様書だからこの通りに動作するエンジンつくれよというものがあります。
その仕様書的な存在がECMAScript(以下ES)です。

最近2015年に出たES2015というバージョンにて
テンプレートリテラルという機能が実装され、多くのブラウザで使えるようになっています。
質問文のコードで言うとこんなことが出来るようになりました。

const {name, country} = {name: "山田太郎", country: "日本"};
`${name}です。${country}に住んでいます。`

// 出来上がる文字列は、 『山田太郎です。日本に住んでいます。』

Node.jsは既にES2020という最新に近い仕様まで取り込み終わっているので
テンプレートリテラルは利用可能です。

フロントエンドのIE11とかは対応していませんが、
TypeScriptを使っているのであれば、IE11相当でも動作するコードを出力するBabelモジュールを通すのでは？
その時にテンプレートリテラルは既存の"で括った文字列を+で愚直に繋ぐコードに変換してくれるので問題ありません。

歴史的背景として、JavaScriptは既に全世界で動作しています。
JavaScriptエンジンの改修で既存のWebサイトがエラーで閲覧できなくなったというのは困るので、
既存の構文を捨てて、良い挙動に変更することが出来ないという制約があるんですね。

なので"や'ではどうにもならず、
バッククォート(JISキーボード時: Shift+@)で挟むみたいな新仕様を作って対応したという経緯となっています。