-2

Eu estava vendo 1 vídeo de um projeto de calculadora em javascript, e vi que o prof primeiro declarou uma variável global sem valor, e através de uma função de click, passou um valor para a variável ao invés criar a variável dentro do espoco da função. Qual o sentido desta ação? Não séria melhor criar a variável no espoco da função? Aqui está o código js. Coloquei 2 setas para tentar ajudar onde é que está o foco da pergunta. Muito obrigado:

const teclas = document.querySelectorAll('[id*=tecla');
const operadores = document.querySelectorAll('[id*=operador]');
const display = document.querySelector('#display');
var numeroNovo = true;

var numeroAntigo; //VARIAVEL GLOBAL SEM VALOR DO PROF <================

const calculadora = {

        inserirNumero:(evento)=>{
            calculadora.atualizarDisplay(evento.target.textContent);
        },

        inserirOperador:(evento)=>{
            if(!numeroNovo){
                calculadora.calcular(numeroAntigo);
                numeroNovo = true;
                operador = evento.target.textContent;
                console.log("NumeroAntigo: "+numeroAntigo)
                numeroAntigo = display.textContent; //ACRESCENTOU UM VALOR AQUI <===========
            }
        },

        calcular:(numeroAntigo)=>{
            var numeroAtual = display.textContent;
        },

        atualizarDisplay:(texto)=>{
            if(numeroNovo){
                display.innerHTML = texto;
                numeroNovo = false;

            }else{//numeroNovo = false
                display.innerHTML += texto;
                
        }
    }
};

teclas.forEach(tecla => {
    tecla.addEventListener("click", calculadora.inserirNumero);
});

operadores.forEach(operador =>{
    operador.addEventListener("click", calculadora.inserirOperador);
})
5
  • se declarar uma variável no contexto local do método, quando o método terminar o valor da variável será perdido, como foi usada a variável em dois métodos "talvez" tenha declarado no escopo public para reaproveitar, mas como passa por paramentro poderia ser local, mas olhando o código não ficou claro Commented 31/05/2021 às 8:24
  • Isto responde à sua pergunta? Como funcionam Closures em JavaScript? Commented 18/06/2021 às 0:15
  • Existe uma coisa chamada escopo, que basicamente define onde cada variável "existe" e pode ser acessada por outras partes do código. Veja mais detalhes aqui e aqui. No caso, se você declara a variável dentro de uma função, ela é local àquela função e não pode ser acessada fora dela. Ex: ideone.com/YilCRS - Então provavelmente a intenção era essa, já que ele parece imprimir no console o valor que o display tinha anteriormente, mas como o display é alterado em outra função, o valor anterior tem que "sobreviver" às chamadas de cada uma.
    – hkotsubo
    Commented 18/06/2021 às 11:56
  • Como não tem o HTML, não dá pra testar adequadamente, mas vc testou declarando a variável dentro da função? O valor dela "se perderia" depois que inserirOperador fosse chamada, e você não conseguiria ter o valor anterior do display guardado ali. Não sei também se o código está incompleto, já que a função calcular recebe o numeroAntigo como parâmetro, mas não use ele para nada (além da variável operador, que também é setada mas não é usada pra nada depois).
    – hkotsubo
    Commented 18/06/2021 às 11:57
  • Fora o uso de arrow functions, que a própria documentação recomenda que não seja usado como métodos de um objeto. Mas enfim, acho que é isso
    – hkotsubo
    Commented 18/06/2021 às 11:57

1 Resposta 1

0

Se a variável fosse definida dentro do método inserirOperador, é como se a variável existisse apenas dentro desse método e fora dele não existiria.

Quando definimos fora e alteramos, qualquer outro método terá essa variável com o valor alterado.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .