Percebi que posso escrever uma string de diferentes formas. Alguma delas é mais correta ou incorreta? Porque?
const a = "aspas";
const c = `crase`;
const ap = 'apostrofe';
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Percebi que posso escrever uma string de diferentes formas. Alguma delas é mais correta ou incorreta? Porque?
const a = "aspas";
const c = `crase`;
const ap = 'apostrofe';
Com aspas duplas e simples são basicamente iguais, ambas tem funções semelhantes. Servem para declarar uma string normal. Já usando a crase podemos utilizar variáveis no meio do texto sem a necessidade de encadeamento com o +.
Obs: Em alguns casos é obrigatório o uso de aspas duplas para que o código rode, mas não é tão comum.
let n2 = 5
"valor"+ n2
'valor' + n2
`valor ${n2}`
Não sou tão experiente com JavaScript, tenho apenas 1 ano de vivência, mas foi o que pude perceber até então. Espero ter ajudado... Deixo um código extra para explicar melhor o uso do template literal (com crase).
const listaLivros = [
{
'livro':'Mistborn',
'autor':'Brandon Sanderson',
'editora':'Leya',
'valor':100.00
},
{
'livro':'Mistborn 2º era',
'autor':'Brandon Sanderson',
'editora':'Leya',
'valor':80.00
},
]
listaLivros.map(dado =>{
const tabela = document.querySelector('[data-tabela]');
const tbody = document.createElement('tbody');
tbody.innerHTML = `
<tr>
<td>${dado.livro}</td>
<td>${dado.autor}</td>
<td>${dado.editora}</td>
<td>${dado.valor}</td>
</tr>
`
tabela.appendChild(tbody)
})