JavaScript에서 변수를 보간할 때 문자열 연결을 방지하려면 어떻게 해야 합니까?

JavaScript에서 문자열의 변수 보간: 연결 없는 접근 방식

PHP에서는 문자열 내의 변수를 연결 없이 원활하게 삽입할 수 있습니다. 이는 유사한 접근 방식이 JavaScript에서 가능한지 의문을 제기합니다.

JavaScript는 문자열 내부에 표현식을 삽입하는 우아한 솔루션인 템플릿 리터럴(ES2015)을 도입합니다. 이러한 리터럴을 사용하면 큰따옴표나 작은따옴표 대신 백틱( )을 문자열 구분 기호로 사용할 수 있습니다.

템플릿 리터럴 내에서 표현식은 다음 구문을 사용하여 보간됩니다.

`String text ${expression}`

예:

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

이 구문은 가독성을 향상시킬 뿐만 아니라 여러 줄 문자열을 사용하지 않고도 허용합니다. escaping:

return `
    <div>

이 구문에 대한 브라우저 지원은 훌륭하지만 IE8과 같은 이전 브라우저의 경우 Babel/Webpack은 더 넓은 호환성을 위해 코드를 ES5로 변환할 수 있습니다.

참고로, 기본 문자열 형식은 IE8의 console.log에서 얻을 수 있습니다:

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

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