JavaScript에서 문자열 보간을 수행하는 방법은 무엇입니까?

ES6 이후의 JavaScript에는 문자열 보간을 기본적으로 지원하는 템플릿 문자열 지원이 있습니다. 이를 템플릿 리터럴이라고 합니다. 템플릿 리터럴은 포함된 표현식을 허용하는 문자열 리터럴입니다. 템플릿 문자열은 작은따옴표나 큰따옴표 대신 역따옴표(``)를 사용합니다. 따라서 템플릿 문자열은 다음과 같이 작성할 수 있습니다. -

var greeting = `Hello World!`;

템플릿 문자열은 ${ } 구문을 사용하여 문자열 대체에 자리 표시자를 사용할 수 있습니다.

예시 1

var name = "Brendan";
console.log('Hello, ${name}!');

출력

이것은 다음과 같은 결과를 줄 것입니다 -

Hello, Brendan!

예시 2

템플릿 리터럴 및 표현식

var a = 10;
var b = 10;
console.log(`The sum of ${a} and ${b} is ${a+b} `);

출력

이것은 다음과 같은 결과를 줄 것입니다 -

The sum of 10 and 10 is 20

예시 3

템플릿 리터럴 및 함수 표현식

function fn() { return "Hello World"; }
console.log(`Message: ${fn()} !!`);

출력

이것은 다음과 같은 결과를 줄 것입니다 -

Message: Hello World !!

템플릿 문자열은 여러 줄을 포함할 수 있습니다.

예시

var multiLine = `
   This is
   a string
   with multiple
   lines`;
console.log(multiLine)

출력

이것은 다음과 같은 결과를 줄 것입니다 -

This is
a string
with multiple
line