JavaScriptテンプレート文字(template literal)
6041 ワード
🔎 かたわく
テンプレート文字は、ECMAScript 6から追加される文字列表現として使用され、式の値を文字列に追加したり、複数行の文字列を表示したりすることができます.
使用方法
テンプレートの使い方は簡単です.basic(`)で文字列として表すことができます.
一見、一重引用符(")で囲まれた文字列のように見えます.
📌 プレースホルダ
プレースホルダとは、実際のコンテンツが後で挿入できる場所を指し、プログラミング言語では実行時に外部から与えられた値が式に書き込まれる場所を指す.
テンプレートライブラリにプレースホルダを配置できます.
プレースホルダは${...}で表す.
JavaScriptエンジンはプレーヤー内に置かれています...部分を式として認識し、評価します.
これにより、文字列に変数や式の結果値を入れることができます.
テンプレート文字(template literals)のさらなる発展の1つの形式はタグ関数(taggedtemplates)であり、この関数を学習する際にさらに理解する.👊
テンプレート文字は、ECMAScript 6から追加される文字列表現として使用され、式の値を文字列に追加したり、複数行の文字列を表示したりすることができます.
使用方法
テンプレートの使い方は簡単です.basic(`)で文字列として表すことができます.
一見、一重引用符(")で囲まれた文字列のように見えます.
//기본적인 문자열로 나타내기
let str = 'Its time to go';
//템플릿 리터럴로 나타내기
let temStr = `Hello template literal`;
🔎 プレースホルダ📌 プレースホルダ
プレースホルダとは、実際のコンテンツが後で挿入できる場所を指し、プログラミング言語では実行時に外部から与えられた値が式に書き込まれる場所を指す.
テンプレートライブラリにプレースホルダを配置できます.
プレースホルダは${...}で表す.
JavaScriptエンジンはプレーヤー内に置かれています...部分を式として認識し、評価します.
これにより、文字列に変数や式の結果値を入れることができます.
let a = 2;
let b = 3;
// +로 문자열 연결 >> 기존 방식
console.log( a + '+' + b + '=' + (a+b)); // 2 + 3 = 5
//문자열 리터럴과 플레이스 홀더를 이용해 연결
console.log( `${a} + ${b} = ${a+b}` );
let now = now.Date();
// +로 문자열 연결 >> 기존 방식
console.log( '오늘은' + now.getMonth()+1 + '월 ' + now.getDate() + '일 입니다.' );
//문자열 리터럴과 플레이스 홀더를 이용해 연결
console.log( `오늘은 ${now.getMonth()+1}월 ${now.getDate()}일 입니다.`); //오늘은
上記の例に示すように、ECMAScript 5までは文字列に変数値を挿入する際に(+)演算子を用いて文字列を接続する方法があるが、ECMAScript 6に追加した文字列文字を用いてより容易に記述することができる.テンプレート文字(template literals)のさらなる発展の1つの形式はタグ関数(taggedtemplates)であり、この関数を学習する際にさらに理解する.👊
Reference
この問題について(JavaScriptテンプレート文字(template literal)), 我々は、より多くの情報をここで見つけました https://velog.io/@bining/javascript-템플릿-리터럴template-literalテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol