` と'の違いは何でしょうか？

Question

Javascriptにて`と'の違いは何でしょうか？
基本的に文字列は''で囲って表示しているのですが
''ではなく``でないと表示できない時があります。

例：タイマー機能を作っている時に

function countUp(){
    const d = new Date(Date.now() - startTime);
    const m = d.getMinutes();
    const s = d.getSeconds();
    const ms = d.getMilliseconds();
    timer.textContent = `${m}:${s}.${ms}`;

    setTimeout(() => {
      countUp();
    }, 10);
  }

といったコードの中にある

timer.textContent = `${m}:${s}.${ms}`;

ですが、上記の表記だと
数字が表示されるが

timer.textContent = '${m}:${s}.${ms}';

だと
${m}:${s}.${ms}と表記されます。

``で囲う時はどのような時でしょうか？

Comments

[m.ts10806]

コードはマークダウンの機能を利用してご提示ください。

[Tomato_leaf]

失礼いたしました。使い方がわかっておりませんでした。
修正しましたので、またなにか気になる点がありましたら
ご指摘いただけますと幸いです。
よろしくお願いいたします。

[m.ts10806]

マークダウンについては問題ないと思います。
ただ、「質問するときのヒント」は熟読しておいてください。

[Tomato_leaf]

了解致しました。ありがとうございます。

Answer 1

MDN テキスト処理 に解説があります。

``で囲う時

「マルチラインテンプレート文字列」のセクションまで読み進めると良いでしょう。

Answer 2

``はテンプレート文字列として扱われます。

【テンプレート文字列 - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/template_strings

Comments

[Tomato_leaf]

ありがとうございます。初心者ですいません。。テンプレート文字列は式を埋め込むことができる文字列リテラルです。とありますが＋やーの式はtimer.textContent = '${m}:${s}.${ms}'には含まれておりません。これは何か例外があるということでしょうか？

[maisumakun]

> とありますが＋やーの式はtimer.textContent = '${m}:${s}.${ms}'には含まれておりません。

mやsも展開対象となる「式」です。

[Tomato_leaf]

ありがとうございます。こちら変数の埋め込みですが、これも式となるのですね。以後変数を埋め込みたいときはこちらを使うように致します。

[m.ts10806]

>https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators
式とは、ある値へと決定される有効なコードの単位のことです

あとは説明読んでみてください。

[Tomato_leaf]

この度は丁寧に教えていただきありがとうございます。