Template Literal
2476 단어 JavaScriptJavaScript
⚙︎ Template Literal
템플릿 리터럴은 ES6부터 도입된 문자열 표기법이다. 기존에 사용하던 ' ' 대신 백틱을 사용한다. 이러한 템플릿 리터럴에는 여러 기능이 있다.
1.줄바꿈
기존 문자열은 enter가 출력되지 않기때문에 줄바꿈을 위해서 \n 을 사용해야 했다. 하지만 백틱으로 템플릿 리터럴을 사용하면 줄바꿈을 enter 로 표현할 수 있다.
let template = `This is template!! power!!!!!`
2. 표현식 사용
사실 개인적으로는 이 기능이 템플릿 리터럴의 꽃이라 생각한다. 백틱안에 ${ }을 사용함으로 서 변수를 사용하거나 연산을 할 수 있다. 이는 기존 + 연산자로 이어 붙이던 번거러움을 없애준다.
let name = "dalaran", point = 5, add = 10
console.log(name + "의 점수는" + (point + add) + "입니다.")
console.log(`${name}의 점수는 ${point + add} 입니다.`)
Author And Source
이 문제에 관하여(Template Literal), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@binheart/Template-Literal저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)