Quero contribuir na pergunta e vou, talvez, acrescentar na respota do @hkotsubo.
Vou começar a minha resposta com uma pergunta:
Por que o código abaixo requer mais tempo pra ser executado no navegador Chrome do que em um arquivo executado pelo NodeJS, se ambos usam o V8?
console.time('loop');
for (var i = 0; i < 1000000; i += 1) {
// faz nada..
}
console.timeEnd('loop');
A questão do var
nos navegadores
<script>
var test = 'teste';
</script>
Declarar um variável com var
fora do escopo de uma funcão (como exemplo acima), faz com que ela seja atribuida ao objeto global. É realizado um bind
da variável ao objeto global (window
) e esse processo é custoso em termos de execução do código no navegador. Já nos da uma dica do porque no seu código, o this.a
nos retorna 2
no navegador, pois o var a = 2;
foi declarado fora do escopo de funcão.
Já nos dar uma pista para responder a pergunta que fiz lá no começo. Ficar atribuindo repetidamente o i
ao objeto global window (que é extremamente populado) a cada iteração do loop, afeta a performance de execução.
A questão do var
no NodeJS
Arquivo index.js:
function foo() {
console.log(this.teste);
}
var teste = 'teste';
foo(); // undefined
Quando NodeJS foi desenvolvido, a questão do var
foi analisado para que os problemas dele no navegador não se repita no ambiente NodeJS. Vamos concordar que ficar criando funções em cada arquivo no Node pra tratar o var
da mesma forma que fazemos em script de navegadores ficaria algo chato. Então o comportamento do Node se difere aí.
No Nodejs, declarar qualquer variável fora do escopo de qualquer função, a vincula apenas ao próprio escopo do módulo (não ao objeto global). Cada arquivo tem seu próprio escopo, isto foi pensado para evitar que uma variável extrapole o escopo de um arquivo. Imagine debugar se tivesse o problema de extrapolação de escopo de variáveis de arquivos no Node. Esse comportamento explica o porque do seu código ao se executado no Node, ele retorna undefined
, pois o Node não faz o bind
da variável var a = 2;
ao objeto global (global
), ele deixa ela atribuída ao escopo do próprio arquivo, logo this.a
é igual global.a
que é undefined
.
Pra facilitar o entendimento, imagine que o Node trata cada arquivo como uma função auto contida e que cada variável declarada com var
, let
ou const
fica atribuida a o escopo dessa função.
Já nos dar a pista final para responder a pergunta que fiz lá no inicio. Como o Node vai ficar atribuindo o i
ao escopo do próprio arquivo (que é pouco populoso), fica mais fácil e rápido a repetida atribuição do i
, o que resulta em melhor performance de execução comparada a performance do navegador.
Observação:
Se você declarar uma variável em um arquivo sem usar a palavra-chave var
e, em seguida, atribuir um valor a ela, o objeto global definirá uma propriedade para essa variável. Esse processo essencialmente o transforma em uma variável acessível globalmente. Eu fortemente não aconselho o uso desse método, pois não é a maneira adequada de criar variáveis globais.
Também é importante observar que se você definir a diretiva 'use strict'
(que não vem ativada por padrão), o Node desabilitará os globais implícitos e você provavelmente terminará com um erro no tempo de execução.
Resumindo
Ficou entendido o porque do comportamento distindo em ambos ambientes?
No browser:
var
fora de escopo de função é atribuida ao objeto window
.
No NodeJS:
Cada arquivo é tratado como módulo separado (escopo próprio de arquivo)
Objeto global
está disponível em todos os arquivos, mas por padrão var
não é atribuido a este objeto
Enquanto nos navegadores o escopo global é o objeto window
, no nodeJS o escopo global de um módulo é o próprio módulo, então, quando você define uma variável no escopo global do seu módulo Node.js, ela será local para este módulo.
Respondendo minha pergunta
A diferença no processo de atribuir o i
ao objeto global em cada ambiente de execução (window
no browser e próprio escopo do arquivo no Node) resulta em performance diferente.
Nos meus testes, foram os seguintes resultados (saídas no console):
loop: 2.669ms
loop: 4.543212890625 ms
Execute o script aqui e veja o resultado para o browser.
console.time('loop');
for (var i = 0; i < 1000000; i += 1) {
// faz nada..
}
console.timeEnd('loop');
Depois execute este mesmo script em NodeJS em um arquivo e veja a diferença dos resultados.
Referências:
Curiosidade
Ao entrar no modo REPL do Node, ele não aplica a questão de escopo de arquivo, então o comportamento esperado se assemelha ao comportamento dos navegadores.
$ node
Welcome to Node.js v12.19.0.
Type ".help" for more information.
> function foo() {
... console.log(this.teste);
... }
undefined
>
> var teste = 'teste';
undefined
>
> foo(); // teste
teste
undefined
>
strict
do javascript. Isso trás algumas mudanças relacionadas a otimização do código.