Template Literals(TIL 3日目)


「複雑さをシンプルにする」
個人的にはコードの魅力の一つは複雑なものを簡単に表現することにあると思います.なぜ最初からそう言ったのでしょうか.テンプレート文字(template literals)は複雑なものをより簡単にする機能を持っているからです.
文字列を正式に勉強した後、文字列(string)と変数(variable)を組み合わせるのは面倒だと気づきました.例をあげましょう
let hour = 1;
let minute = 2;
let second = 3;
let timeAlert = '지금은 ' + hour + '시 ' + minute + '분 ' + second + '초 입니다.'; 
timeAlert変数は「今は1時2分3秒です.」文を指定しました.時/分/秒の多変数宣言を使用しているので、時間が変わっても毎回文を修正する必要はありません.
問題は、プラス記号と単一引用符(または二重引用符)を使用する必要がないことです.複雑に見えます.
テンプレートライブラリの利用方法テンプレート文字のみを使用してtimeAlertセクションを作成します.
let timeAlert = `지금은 ${hour}${minute}${second}초 입니다.`
さっきよりずっときれいに見えますか?さらに,変数がどこにあるかをより明確に見ることができるようだ.これらのテンプレート文字は、簡単で読みやすい構文を使用してコードを記述するのに役立ちます.
使いやすいです.既存の一重引用符(または二重引用符)の代わりに逆チェック(`)を使用し、式(式)を${}で囲みます.
それ以外に、文が長いときに行を分ける必要がある場合、開行記号(n)を追加しないで、書いたように行を分けるなど、テンプレート文字には他の効果があり、興味のある人は次のリンクを見ることができます.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals
参考までにbasic文字はキーボードのタブキーにあります.macbookでは、basic文字を使用するにはキーボードを英語に変換する必要があります.
勉強を始めたばかりの段階ですので、こちらの情報を参考に、上のリンクのように、本書をよくお読みください.