Diferença entre colocar ou não o ';' (ponto-e-vírgula) após o join() | JavaScript: conhecendo o Browser e padrões de projeto

2
respostas

Referente ao curso JavaScript: conhecendo o Browser e padrões de projeto, no capítulo Temos o modelo, mas e a view? e atividade Enxugando o código

por Estudante

| 255.1k xp | 263 posts

Olá pessoal!

Referente por ex., ao seguinte código desta atividade:

<tbody>
    ${model.negociacoes.map(n => `

          <tr>
            <td>${DateHelper.dataParaTexto(n.data)}</td>
            <td>${n.quantidade}</td>
            <td>${n.valor}</td>
            <td>${n.volume}</td>
          </tr>

      `).join('')} // ponto-e-vírgula aqui ?
</tbody>

existe diferença entre colocar ou não o ; (ponto-e-vírgula) após o join (desculpa, não testei ainda porque faltam alguns vídeos antes dos exercícios em si, perguntando para não esquecer) ?

Pesquisei em fóruns sobre, um diz que é melhor pro navegador ter ; , outro diz que só é necessário se tiver outra instrução na mesma linha, etc.

Talvez a regra geral é utilizar ; e esta instrução (template string dentro de outra, com map e afins) é um caso especial, por isso gostaria da vossa opinião.

At.te

2 respostas

por Guilherme Tadeu

| 695k xp | 1154 posts

Java Developer

17/01/2019

Olá Elias!

Nesse caso não teria diferença a utilização do ponto e virgula.

Mas é sempre recomendavel que você utilize para não haver problemas no seu código.

O ponto e virgula define o fim de uma instrução, por isso é extremamente importante utiliza-lo sempre que você possui uma cadeia de instruções para que o fim de uma não se misture com o começo de outra, entende?

Como você não tem uma instruçao abaixo da template string não tem problema omitir, mas caso venha a ter é bacana que você coloque.

Espero ter ajudado! :D

por Estudante

| 255.1k xp | 263 posts

18/01/2019

Olá Guilherme!

Ajudou sim, obrigado.

Aí que está a questão, o código acima é uma parte da classe, o código continua depois disso, com:

`
// .. código acima
//... restante das tags da template string "externa" à template acima

// essa template string "externa" (aqui é o fechamento dela) não
// seria outra instrução?
`; 

update(model) {
    // instrução abaixo da instrução da 1ª mensagem
    this._elemento.innerHTML = this._template(model);
}

Como existem instruções abaixo, a instrução da primeira mensagem não deveria ter ; (e, apesar de não ter ;, tanto aquela instrução quantos as que vem abaixo parecem executar normalmente...) ?

At.te