Até esse momento do cursos, não foi exemplificado o método de concatenação utilizando o símbolo "+" para concatenar variáveis em Strings, apenas o método com crase e cifrão seguido de chaves. Quando questionei o Luri sobre o uso do símbolo "+" fui informado que o método do cifrão e crase é usado somente na linguagem de PHP no JAVA o comum é o +, esse tipo de situação é muito ruim que acaba confundindo muito, ainda mais para quem é iniciante.
Oi, Pedro, tudo bem?
Muito obrigado pelo seu feedback, ele é muito importante para manter o desenvolvimento dos nossos conteúdos e levar experiências repletas de aprendizagens para nossos alunos e alunas.
Com relação a sua dúvida sobre a concatenação, é possível realizá-la de duas formas, por meio do uso do sinal de adição (+) e por meio de templates strings, como mostrado pelos instrutores nas aulas. Por exemplo, quando criamos uma variável chamada nome e queremos utilizá-la com um texto em um alerta, podemos fazer isso das seguintes maneiras:
Concatenando com símbolo de adição:
var nome = "Alura";
alert ("Boas vindas" + nome);
Neste caso, a string "Boas vindas" está sendo concatenada com o valor da variável nome. Ao usar o operador + com strings, ele atua como um operador de concatenação. Em vez de realizar uma adição matemática, ele simplesmente une as duas strings.
Concatenando com template strings:
var nome = "Alura";
alert (`Boas vindas ${nome}`);
A mensagem é definida usando template strings, indicados pelos acentos graves (crase). Dentro do template string, ${nome} é uma expressão de interpolação que permite inserir o valor da variável nome dentro da string. Quando o código é executado, essa expressão é substituída pelo valor atual da variável nome, resultando em uma mensagem como "Boas vindas Alura".
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Olá, você poderia por favor mostrar também um exemplo com mais de uma string e mais de uma variável. Tal qual o exercício pede. Eu estou com dúvidas de onde se coloca as aspas e o sinal de + quando há mais de uma string. Obrigada
Oi, Francisca, tudo bem?
Com certeza. Vamos considerar o código da atividade, que é um jogo para adivinhar o número secreto.
alert('Bem-vindo ao jogo do número secreto')
let chute = prompt('Escolha um número entre 1 e 10')
let numeroSecreto = 4
console.log(chute == numeroSecreto)
if (chute == numeroSecreto) {
alert('Acertou')
} else {
alert('O número secreto era ' + numeroSecreto)
}
O exercício pede para criarmos um alerta que avise ao jogador o número secreto e o chute, caso ele não acertasse.
Dito isso, ao usarmos a concatenação com o símbolo de adição, precisamos considerar todas as separações de strings e das variáveis de modo que o sinal de adição seja colocado sempre que quisermos intercalar um texto e uma variável. Desse modo o código ficaria assim:
alert ("Você errou, o número secreto era: " + numeroSecreto + " e seu chute foi " + chute);
Note que sempre que é necessário usar uma variável após uma string, precisamos adicionar um sinal de adição, é como somar pedaços de texto e variáveis para formar uma frase completa em formato de string.
Para realizar o mesmo procedimento utilizando template string, o pensamento é muito parecido com a concatenação com o símbolo de adição. Fazemos o uso do cifrão ($) e das chaves ({}) quantas vezes forem necessárias para inserir variáveis no contexto da string. Ficaria assim:
alert(`Você errou, o número secreto era ${numeroSecreto} e seu chute foi ${chute}`);
Espero ter ajudado. Caso tenha dúvidas, crie um novo tópico no fórum para que eu possa te ajudar de forma mais assertiva.
Abraços e bons estudos!