Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでのES6のテンプレート文字列の重要性は何ですか？

ES6のテンプレート文字列 文字列を組み合わせる新しい方法です。 join（）などのメソッドはすでにあります 、 concat（） など、文字列を結合しますが、テンプレート文字列 メソッドは最も洗練された 読みやすいからです 、バックスラッシュはありません 引用符をエスケープし、厄介なプラス演算子を不要にします 。

concat（）とjoin（）の使用

例 次の例ではjoin（） およびconcat（） メソッドは、文字列を結合するために使用されます。注意深く観察すると、コードは非常に乱雑に見えます。

<html>
<body>
<script>
   const platform = 'Tutorix';
   const joinMethod = ['The', 'best', 'e-learning', 'platform', 'is', platform].join(' ');
   document.write(joinMethod);
   document.write("</br>");
   const concatMethod = " ".concat('The ', 'best ', 'e-learning ', 'platform ', 'is ', platform);
   document.write(concatMethod);
</script>
</body>
</html>

出力

The best e-learning platform is Tutorix
The best e-learning platform is Tutorix


ES6のテンプレート文字列の使用

例

次の例では、 テンプレート文字列 メソッドは文字列を結合するために使用されます。このメソッドを他のメソッドと比較すると、このメソッドのコードは非常に簡潔で読みやすいです。 。

<html>
<body>
<script>
   const platform = 'Tutorix';
   const templateString = `The best e-learning platform is ${platform}`;
   document.write(templateString);
</script>
</body>
</html>

出力

The best e-learning platform is Tutorix

  1. JavaScriptのテンプレート文字列。

    ES6でテンプレートが導入され、文字列内に式を埋め込むことができるようになりました。 ‘’または“”引用符の代わりに、バッククォート（ ``）を使用します。これらは文字列補間のはるかに優れた方法を提供し、式は$ {a+b}のような方法で埋め込むことができます。 +演算子よりもはるかに優れた構文を提供します。 以下はJavaScriptのテンプレート文字列のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> &l

  2. JavaScriptでのテンプレート文字列のネスト

    以下は、JavaScriptでテンプレート文字列をネストするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>