연결 없이 JavaScript에서 변수를 문자열로 보간하려면 어떻게 해야 합니까?

JavaScript에서 문자열 변수 보간, 연결 제거

PHP와 같은 프로그래밍 언어에서 "$hello"와 같은 구문을 사용하여 문자열에 변수 보간 간결하고 우아한 접근 방식입니다. 하지만 연결을 사용하지 않고도 JavaScript에서 동일한 기능을 얻을 수 있습니까?

ES2015(ES6)에 도입된 기능인 템플릿 리터럴을 소개합니다. 이 기능은 JavaScript에 문자열 내에 표현식을 삽입하는 기능을 제공합니다. 큰따옴표나 작은따옴표 대신 역따옴표(`)로 묶습니다.

변수 보간의 경우 구문은 is:

`String text ${expression}`

예:

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b}.`);
// Output: "Fifteen is 15."

이것은 연결의 필요성을 피할 뿐만 아니라 어색한 이스케이프 기술 없이 여러 줄 문자열을 수용합니다. , 템플릿 구성이 크게 향상되었습니다.

브라우저 지원:

새로운 구문인 템플릿 리터럴은 보편적으로 지원되지 않습니다. 광범위한 도달 범위를 위해서는 Babel/Webpack을 사용하여 코드를 ES5로 트랜스파일하는 것이 좋습니다.

보너스:

IE8은 console.log 내에서 기본적인 형태의 문자열 형식을 제공합니다.

console.log('%s is %d.', 'Fifteen', 15);
// Output: "Fifteen is 15."

궁극적으로 템플릿 리터럴은 변수 보간 및 JavaScript의 여러 줄 문자열 구성.

위 내용은 연결 없이 JavaScript에서 변수를 문자열로 보간하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!