Em geral não faz muito sentido fazer isso, mas se quiser mesmo fazer a forma de fazer é passar o valor por referência. Tem mais detalhes sobre o assunto em Alocação de memória em C# - Tipos valor e tipos referência.
Acontece que JS não tem uma forma de passar valores por referência de forma natural. Existem alguns tipos de dados que já são passados por referência, alguns imutáveis, que não nos ajuda porque queremos justamente mudar o valor e alguns mutáveis, que nos atende.
Então o que fazemos é encapsular um valor em um tipo desses para que o valor seja alterado dentro da função e reflita onde a variável foi criada. Não é bonito mas é a única forma de fazer isto em JS, até por ter pouca necessidade.
Podemos usar um objeto ou um array para isso já que eles são tipos por referência mutáveis. Farei com array:
function alterar(x) {
return x[0] += 2;
}
var x = [2];
alterar(x);
console.log(x);
console.log(x[0]);
Coloquei no GitHub para referência futura.
Quase sempre isso deve ser feito por questões de eficiência, que não é um objetivo de JavaScript, por isso não deveria se preocupar em fazer isto se não é algo natural, o retorno dá o resultado que espera, você já tinha feito o que precisa, não há necessidade de mudar o valor da variável assim, só faltou guardar o valor na própria variável:
function alterar(x) {
return x += 2;
}
var x = 2;
x = alterar(x);
console.log(x);
Coloquei no GitHub para referência futura.
Coloquei ;
porque o não uso dele é uma mania ruim que pegou agora, tem gente que gosta de ensinar como fazer coisas que vão trazer problemas, provavelmente para sacanear as pessoas desavisadas.
Não altere diretamente variáveis externas, conforme foi falado, funciona, mas não é o certo, é como o ;
funciona, mas dará problema em algum momento.
A forma realizada não é ideal porque ela está mudando o valor de x
local e depois retornando esse valor, e esse caso não tem porque mudar o valor local de x
, basta fazer a conta e retornar (em outro caso pode ser que fizesse sentido mudar o x
.
Note que o x
local não é o mesmo x
global=, pesar das variáveis terem o mesmo nome não é a mesma variável. Veja mais sobre Qual a diferença entre escopo e tempo de vida? e Diferença entre escopo global e local. Quando você não coloca um parâmetro, o x
é considerado global, aí só existe ela, e cria confusão, por isso não faça.
Se tiver controle sobre a versão que está usando seria até melhor usar let
do que var
que não permite o global se confundir com o local. Melhor ainda se usar TypeScript. O let
não funciona em versões antigas (o que é verdade em alguns raros navegadores por aí). Programar em Node/Deno é diferente de fazer JS em um browser.
Eu quis mostrar sem mudar o conteúdo da sua função, mas é melhor até fazer o seguinte:
function alterar(x) {
return x + 2;
}
var x = 2;
x = alterar(x);
console.log(x);
Coloquei no GitHub para referência futura.