Literais de modelo JavaScript não funcionam

Ao tentar utilizar literais de modelo JavaScript, como alguns ${string} ou "alguns ${string}", os usuários podem encontrar problemas onde os nomes literais das variáveis ​​são exibidos em vez de seus valores. Este problema não se limita a versões específicas de navegadores ou estruturas de desenvolvimento como jQuery.

Solução: usando crases

Para corrigir esse problema, é crucial empregar crases (`) em vez do único convencional ou aspas duplas. Os crases, comumente chamados de "acentos graves", estão situados ao lado da tecla numeral 1 em teclados QWERTY padrão.

Exemplo:

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

// Correct approach using backticks
console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} `);

Ao usar crases, você pode invocar corretamente literais de modelo e exibir os valores de variáveis ​​desejados.