내 JavaScript 템플릿 리터럴이 값 대신 변수 이름을 표시하는 이유는 무엇입니까?

JavaScript의 템플릿 리터럴: 백틱 필수

문자열 내의 ${} 자리 표시자로 표시되는 JavaScript의 템플릿 리터럴은 다음을 수행하는 편리한 방법을 제공합니다. 표현을 삽입하세요. 그러나 백틱(`) 대신 작은따옴표(')를 사용하는 템플릿 리터럴에서 표시 문제가 발생하는 것은 일반적인 실수입니다.

문제 설명

작은따옴표를 사용할 때 값 대신 리터럴 변수 이름이 인쇄됩니다. 예:

console.log('categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} ');

출력:

${this.categoryName}
categoryElements: ${this.categoryElements}

솔루션

JavaScript 템플릿 리터럴 백틱 필요, 직선이 아님 따옴표.

백틱은 문자입니다. QWERTY 키보드의 '1' 키 옆에 있습니다. 작은따옴표 대신 이를 사용하면 템플릿 리터럴이 생성되며, 여기에 표현식을 평가하기 위한 ${} 자리 표시자가 포함될 수 있습니다.

categoryName = "name";
categoryElements = "element";
console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${categoryElements} `);

출력:

categoryName: name 
categoryElements: element

추가 정보

백틱은 다양한 프로그래밍 언어에서 자주 사용되지만 JavaScript 개발자에게는 생소할 수 있습니다. 자세한 내용은 다음 리소스를 참조하세요.

• [JavaScript에서 백틱 문자 사용](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ template_literals)

위 내용은 내 JavaScript 템플릿 리터럴이 값 대신 변수 이름을 표시하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!