JavaScript (JS) não possui um gerenciado de memória explicito, o browser decide quando deve limpa-lo. Às vezes pode acontecer uma perda de eficiência na renderização do JS devido a uma pausa para coleta de lixo (GC - Garbage Collection).
Há técnicas para superar falhas causadas pelo GC.
Suponha que você tem um algoritmo escrito em JS, e a cada segundo você está criando um novo objeto, é óbvio que a após certa quantidade de tempo o GC irá atuar liberando mais espaço para a sua aplicação.
Para aplicações em tempo real, que requer muito espaço, a coisa mais simples que você pode fazer é reutilizar a mesma memória. Depende de como você estrutura o seu código. Se ele gera muita lixo, então ele pode com o passar do tempo experimentar uma lentidão provocada pelo GC., aqui eu enumero 3 itens iniciais de estudo para melhorar o seu código.
Usar procedimentos simples: Sempre que possível, você deve tentar reutilizar o mesmo objeto, adicionando ou modificando suas propriedades. Reciclagem de objeto é uma maneira muito boa de evitar-se criar sempre objetos novos enchendo a "memória" do browser.
Em caso de array: geralmente é atribuindo [] com intuito de retira-lo da memória, mas é um erro, pois, ele cria uma nova matriz e deixa a antiga como lixo. Para reutilizar o mesmo array você deve usar vararray.Length = 0
Isto tem o mesmo efeito da anterior mas reutiliza o objeto de array em vez de criar uma nova. Ainda pode-se usar o operador delete
que eu irei explicar mais abaixo.
Em caso de funções: Às vezes é necessário chamar uma função específica em um determinado tempo ou em intervalos usando setInterval ou setTimeout.
setTimeout(function() { function(){ ... código ... } }, 10);
Você pode otimizar esse código, atribuindo a função a uma variável permanente em vez de criá-la a cada intervalo.
var minhafuncao = function(){ ... código ... }
setTimeout(minhafuncao, 10);
Tenha cuidado ao usar as funções slice()
essa cria um novo array deixando o anterior intocado, substr()
também deixa a string inicial intacta, gerando uma nova na "memória", há ainda outras (que não me vem a cabeça) que geram novos objetos deixando os anteriores ocupando espaço, forçando o GC a entrar em atividade mais vezes.
Você ainda tem a opção de usar o operador delete
que serve para remover propriedades dos objetos:
x = 42; // craindo uma propriedade C do objeto global
var y = 43; // declarando uma nova variável 'y'
meuObj = {
h: 4,
k: 5
};
delete x; // retorna true (x é uma propriedade do objeto global e pode ser deletado)
delete y; // retorna false (delete não funciona com variáveis)
delete Math.PI; // retorna false (delete não funciona com propriedade pré definidas)
delete meuObj.h; // retorna true (propriedade definida por usuário pode ser deletada)
delete meuObj; // retorna true (meuObj é uma propriedade do objeto global, não é uma variável, nesse caso pode ser deletado)
Outro exemplo agora usando prototype
function Foo(){}
Foo.prototype.bar = 42;
var foo = new Foo();
delete foo.bar; // retorna true, mas não tem efeito, bar é uma propriedade herdada
console.log(foo.bar); // mostra 42, propriedade herdada
delete Foo.prototype.bar; // deleta propriedade no prototype
console.log(foo.bar); // mostra "undefined"
Em relação a array quando você remove um elemento, o comprimento do array não é afetado. Isso vale mesmo se você excluir o último elemento. Quando o operador delete remove um elemento da matriz, esse elemento não é mais acessível. No exemplo a seguir, meuArray[3] é removido com delete.
var meuArray= ["zero","um","dois","três","quatro","cinco"];
delete meuArray[3];
if (3 in meuArray) {
//esse bloco nunca será executado
}
Se você quiser que um elemento da matriz não deixe de existir, mas apenas tenha um valor indefinido, use undefined
em vez do operador delete
. No exemplo a seguir, meuArray[3] é atribuído undefined
, mas o elemento do array ainda existe:
var meuArray= ["zero","um","dois","três","quatro","cinco"];
meuArray[3]=undefined;
if (3 in meuArray) {
// esse bloco será executado
}
Evitar lixo em JS é uma arte, diria que é (ao menos hoje) impossível, mas os browsers têm evoluído para melhorar a colata destes. O que temos que ter em mente é que todo código deve ser feito de forma a otimizar o desempenho do sistema para que depois de milhares de linhas não seja necessário refazê-lo.
x
local afoo
que não interfira nox
global?foo
para dentro debar
... para ter os valores conforme processados porfoo
, mas não segurar um contexto de execução na memória.