Template Literal TIL(5)
1159 단어 JavaScriptJavaScript
나도 아름다운 이미지로 글을 시작하고 싶다. 나중을 위해 괜찮은 이미지가 있다면 차근차근 모아보아야 겠다.
javascript에 Template Literal이란 개념은 ES06에 와서야 추가되었다고 한다.
이것 말고 ES6에 추가된 Javascript 문법이 많다고 알고 있다. 나중에 정리하여 글을 쓰면 면접볼 때 좋을 듯 하당.
Template Literal이란?
쉽게 말해 javascript에 새로 도입된 문자열 표기법 이다.
차이점
- '', "" 대신 ``(백틱?이라 불린다)을 사용하며 안에 ', "을 자유롭게 쓸 수 있다
- 띄어쓰기는 물론 줄바꿈 역시 그대로 적용된다.
const template = `zzz
sdfds
"DSFS"SDF
'sdfsd'
`;
console.log(template);
---------------------------------- result ---------
[Running] node "c:\Users\ilegw\Desktop\testJSCode\tes.js"
zzz
sdfds
"DSFS"SDF
'sdfsd'
[Done] exited with code=0 in 0.089 seconds
- 문자열 인터폴레이션
${...}
을 이용해 안의 표현식을 문자열내에 직접적으로 넣을 수 있다.
let name = "jongho"
const template =
`My name is ${name}
My age is ${10 + 17}`;
console.log(template);
---- result ----
[Running] node "c:\Users\ilegw\Desktop\testJSCode\tes.js"
My name is jongho
My age is 27
정리
- javascript에서 문자열을 더 편리하게 사용할 수 있도록 추가된 새로운 형식의 문자열이다.
Author And Source
이 문제에 관하여(Template Literal TIL(5)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ljh95/Template-Literal-TIL5저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)