Template Literal

4736 ワード

Template Literalとは?

  • ES 6は、通常の引用符(")または(""")ではなくBackTickを使用する新しい文字列マーキング方法を導入した.
  • 
    	const template = `template literal은 backtick을 사용한다.`;
    	console.log(template);
    

    2.Template Literalの例

  • の通常文字列で改行が許可されていない場合は、()で始まるEscapeシーケンスを使用してスペースを表す必要があります.ただし、Template literalは複数行にわたって文字列を作成できますが、Template Literalのすべてのスペースは変更されません.
  • 	const template = `<ul class="nav-items">
    		<li><a href="#home">Home</a><li>
    		<li><a href="#news">News</a><li>
    		<li><a href="#contact">Contact</a><li>
    		<li><a href="#about">About</a><li>
    	</ul>`;
    
    	console.log(template);
  • Template LiteralはString Interpolationを提供し、(+)演算子を使用せずに新しい文字列を簡単に挿入できます.String Interpolationは式を${}で囲み、${}の式はタイプを文字列に強制的に変換します.
  • 	const first = 'Tae-jin';
    	const last = 'Park';
    	
    	//ES5 : 문자열 연결
    	console.log('My name is' + first + '' + last);
    		
    	//ES6 : String Interpolation
    	console.log(`My name is ${first} ${last}`);