내 JavaScript 템플릿 리터럴이 동적 값을 표시하지 않는 이유는 무엇입니까?

템플릿 리터럴이 동적 값을 표시하지 않음

템플릿 리터럴을 사용해도 동적 값 대신 리터럴 변수 이름이 표시되는 문제가 발생합니다. 그들의 가치. 이 문제를 해결하려면 템플릿 리터럴을 생성할 때 따옴표가 아닌 백틱(`)을 사용하고 있는지 확인하세요.

백틱 대 따옴표

템플릿 문자열이라고도 하는 JavaScript 템플릿 리터럴에는 템플릿을 묶으려면 백틱(`)이 필요합니다. 이 백틱은 QWERTY 키보드의 1 키 옆에 있습니다. 작은따옴표(')나 큰따옴표(")를 사용하면 원하는 템플릿 리터럴이 생성되지 않습니다.

예

다음을 고려하세요. 예:

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

Output

categoryName: name 
categoryElements: element

백틱()을 사용하여 템플릿 리터럴은 CategoryName 및 CategoryElements` 변수를 올바르게 보간하여 각각의 결과를 얻습니다. 가치관은 존재한다 표시됩니다.

참조

• JavaScript에서 백틱 문자(`) 사용

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