Memorização em JavaScript

Victor Santos — Tue, 05 Nov 2024 11:56:27 +0000

A memorização (ou "memoization") é uma técnica de otimização que armazena os resultados de funções pesadas ou demoradas em cache, para que chamadas futuras com os mesmos argumentos sejam mais rápidas. A memorização é especialmente útil em funções puras, onde o mesmo conjunto de entradas sempre produz o mesmo resultado.

Como Funciona a Memorização?

Quando uma função memorizada é chamada pela primeira vez com determinados argumentos, ela executa o cálculo e armazena o resultado em um cache. Em chamadas subsequentes com os mesmos argumentos, a função retorna o resultado diretamente do cache, evitando o cálculo repetido.

Implementação Básica de Memorização

function memoize(fn) {
  const cache = {};

  return function(...args) {
    const key = JSON.stringify(args); // Cria uma chave única para os argumentos

    if (cache[key]) {
      console.log("Resultado em cache");
      return cache[key]; // Retorna o valor armazenado no cache
    }

    const result = fn(...args); // Calcula o valor
    cache[key] = result; // Armazena o resultado no cache

    return result;
  };
}

Exemplo de uso:

function factorial(n) {
  if (n <= 1) return 1;
  return n * factorial(n - 1);
}

const memoizedFactorial = memoize(factorial);

console.log(memoizedFactorial(5)); // Calcula e armazena em cache
console.log(memoizedFactorial(5)); // Recupera do cache

Benefícios da Memorização

Redução de Processamento: Evita cálculos repetidos, o que melhora o desempenho.
Ideal para Funções Recursivas: Acelera o processamento de funções que precisam ser chamadas várias vezes com os mesmos valores.
Eficiente em Funções Puras: A memorização funciona melhor quando a função retorna o mesmo valor para os mesmos argumentos. Aplicações Comuns da Memorização
Cálculos Matemáticos: Como fatorial, Fibonacci, etc.
Chamadas de API: Evita chamadas de API duplicadas com os mesmos parâmetros.
Operações de Custo Alto: Processamento de dados e manipulações complexas.

Resumo
A memorização em JavaScript é uma técnica poderosa para melhorar a eficiência do código e acelerar o desempenho em operações repetitivas e de alto custo computacional.

JavaScript: Fuja do escopo global.

Victor Santos — Wed, 09 Feb 2022 15:28:13 +0000

Para começarmos, o que e escopo?

Bom, escopo designa um limite dentro quais recursos podem ser utilizados, está e a definição de escopo. Agora em JavaScript, quando falamos de escopo, temos dois tipos de escopo que trabalham de diferente formas, eles são os escopos globais (devemos evitá-lo) e escopo locais, se utilizarmos da forma certa, podemos criar um código muito mais eficiente.

Escopo Global

O escopo global e quando declaramos uma variável no contexto global do código, sem estar no contexto de uma função, ex:

var nome = "Cleitinho Rasta"
console.log(nome) // Cleitinho Rasta

A variável "nome" está sendo contextualizada globalmente, assim ela pode ser modificada/lida de qualquer lugar do código.

Escopo local

Quando declaramos uma variável dentro de um bloco de uma função, chamamos ela de variável local por que ela esta disponível apenas dentro da função, ex:

function digaNome() { var nome = 'Fabinho do Pneu' } console.log(nome) // Lançará um erro

O código acima não será executado, pois a variável "nome" esta disponível apenas dentro da função "digaNome". Quando a função "digaNome" acabar de ser executada a variável diga nome não estará mais disponível.

Exemplo de um codigo real:

Dito isso, sabemos o contexto na qual será executado as variáveis, deixando claro que devemos evitar a declaração de variáveis global, pois declarando desta forma a variável sempre esta disponível/alocada na memoria e então estaremos tendo uma perda de desempenho, isto em um sistema grande pode ser uma grande desvantagem.

Conheça o IIFE e veja o funcionado

O IIFE(Self-Executing Anonymous Function) em português significa "Função anônima auto executante", como o próprio nome já diz, ela e uma função que assim que declarada ela auto executada sem precisar ser chamada como as funções normais.

Para usarmos o IIFE devemos utilizar os parênteses "()", e dentro dela devemos colocar a sintaxe de uma função,

E para ser executada devemos novamente utilizar os parênteses "()".

Tentando acessar a variável musica fora do escopo:

A variável "musica", não e acessada pois não esta no contexto global. Isto é ótimo para evitar que variáveis já declaradas globalmente se conflitam.

Uma boa pratica ao utilizamos IIFE e colocarmos um ponto e virgula antes dos primeiros parênteses, assim:

E uma boa pratica. Sem elas, Assim que o código for executado, poderá haver um conflito, exemplo:

O código lançara um erro.

Conclusão:

Vimos que evitar as variáveis globais e uma boa pratica para que nossa aplicação seja mais eficiente e também não haver conflitos em nosso código através dos escopos locais e também IIFE'S.

DEV Community: Victor Santos

Memorização em JavaScript

JavaScript: Fuja do escopo global.