Duvida sobre a atribuição na função

Olá Matheus, tudo bem com você?

Basicamente quando a nossa função precisa de dados para executar, no começo estamos trabalhando muito com "variáveis globais", então temos algo normalmente assim, correto?

var numero = 10;
var segundoNumero = 20;

function soma(){
    return numero + segundoNumero;
}

A grande questão. é que durante a evolução do curso você vai perceber que menos iremos querer trabalhar com "variáveis globais" (pois não queremos alterar em uma parte do código e afetar todas as outras), então o fluxo normalmente é diferente:

• Iremos querer pegar uma informação do formulário ou iremos querer passar o resultado de uma função para outra, e dessa forma a boa prática é evitar ficar alterando os valores globais

Então temos algo mais parecido com:

function pegaDadosDoFormulario(){
    var contaDeLuz = document.querySelector('.contaDeLuz');
    var contaDeAgua = document.querySelector('.contaDeAgua');
}

E agora como não temos variáveis globais, a nossa função precisa de parâmetros para trabalhar, pois já não sabe o que é mais numero e segundoNumero

function soma( primeiroValor, segundoValor){
    return primeiroValor + segundoValor;
}

E agora dado que ela espera receber dois valores, podemos corretamente:

function pegaDadosDoFormulario(){
    var contaDeLuz = document.querySelector('.contaDeLuz');

    var contaDeAgua = document.querySelector('.contaDeAgua');

    var resultado = soma(contaDeLuz, contaDeAgua);
}

Então quando a nossa função precisa de informações para trabalhar precisamos definir o que ela recebe =)

Conseguiu Compreender?

Abraços e Bons Estudos!