js template literals

1
2
3
4
5
6
7
8
9
10
function wow(strings, ...values) {
console.log(strings);
console.log(values);
// ["안녕하세요. 제 이름은", "입니다.", ""]
// ['친성', '와우 엄청난 문법이다']
}

const name = '친성';
const suffix = '와우 엄청난 문법이다';
wow`안녕하세요. 제 이름은 ${name} 입니다. ${suffix}`;
  • 와우
  • css in js 할 때 쓰던 문법인가?!

String.raw()

1
2
3
4
const filePath = String.raw`C:\Development\profile\aboutme.html`;

console.log(`The file was uploaded from: ${filePath}`);
// "The file was uploaded from: C:\Development\profile\aboutme.html"
  • 오우.. \가 그대로 출력된다!

참고