내 JavaScript 변수가 값 대신 리터럴 문자열로 표시되는 이유는 무엇입니까?

JavaScript의 템플릿 리터럴: 역따옴표와 직선 따옴표 사용

JavaScript에서 템플릿 리터럴을 사용하면 문자열 내에 변수를 삽입할 수 있습니다. 그러나 변수가 값 대신 리터럴 문자열로 표시되는 문제가 발생하는 경우 백틱 대신 곧은 따옴표를 사용하는 것이 문제입니다.

백틱 이해

템플릿 리터럴 JavaScript는 곧은 따옴표(') 대신 역따옴표(`)를 사용하여 정의됩니다. 백틱은 키보드의 숫자 1 키 옆에 있습니다.

예

템플릿 리터럴이 사용되는 다음 코드를 고려하세요.

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

그러나 , 이 코드는 다음을 출력합니다.

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

이 경우 템플릿 리터럴은 다음과 같습니다. 직선 따옴표가 사용되기 때문에 작동하지 않습니다. 백틱을 사용하는 올바른 코드는 다음과 같습니다.

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

출력:

categoryName: name
categoryElements: element

결론

JavaScript 템플릿 리터럴에는 변수 대체를 위해 백틱(`)이 필요하다는 점을 기억하세요. 곧은 따옴표는 리터럴 변수 이름을 표시합니다. 백틱을 올바르게 사용하면 문자열 내에 변수 값을 효과적으로 삽입하고 코드의 가독성과 유연성을 높일 수 있습니다.

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