,
16 tweets,
4 min read
Read on Twitter
Nessa 3ª thread sobre Closures, você aprenderá passo a passo, através de exemplos, que é possível emular dados privados em JavaScript.
Vem comigo! 👇
Vem comigo! 👇
Essa thread faz parte de uma série sobre Closures.
Se esse conceito ainda é novo pra você, recomendo que antes de ler essa thread você veja/revise e pratique com as anteriores.
Vou deixá-las nos últimos tweets =)
Se esse conceito ainda é novo pra você, recomendo que antes de ler essa thread você veja/revise e pratique com as anteriores.
Vou deixá-las nos últimos tweets =)
Linguagens como o Java possibilitam o uso de métodos privados. Ou seja, o método só pode ser invocado através de outros métodos da mesma classe.
Não há uma forma nativa de se fazer isso em JavaScript, mas é possível emular dados privados, utilizando closures.
Não há uma forma nativa de se fazer isso em JavaScript, mas é possível emular dados privados, utilizando closures.
Primeiramente, vamos definir uma função que contém uma função e let privadas. E essa função retorna um objeto com 3 métodos:
Esse código aplica um dos Design Patterns possíveis em JavaScript, o Module Pattern.
⚠️ Esse Design Pattern está obsoleto, graças aos módulos nativos do ES6. Portanto, encare-o com fins didáticos =)
Vamos entender passo-a-passo o que está acontecendo.
⚠️ Esse Design Pattern está obsoleto, graças aos módulos nativos do ES6. Portanto, encare-o com fins didáticos =)
Vamos entender passo-a-passo o que está acontecendo.
1⃣ Criamos um único escopo léxico compartilhado entre 3 métodos:
🔹 counter.increment
🔹 counter.decrement
🔹 counter.value
🔹 counter.increment
🔹 counter.decrement
🔹 counter.value
2⃣ Esse escopo compartilhado foi criado dentro de uma IIFE - Immediately Invoked Function Expression, que é executada no momento em que é declarada (linha 11):
Perceba que esse escopo contém 2 itens privados: a let `privateCounter` e a função `changeBy`. Elas não podem ser acessadas fora da IIFE.
Apenas os métodos `increment`, `decrement` e `value` são públicos.
Apenas os métodos `increment`, `decrement` e `value` são públicos.
Esses 3 métodos são closures que compartilham o mesmo ambiente. E o escopo léxico do JavaScript permite que eles tenham acesso à let `privateCounter` e à função `changeBy` =)
Agora, vamos deixar o Module Pattern de lado e focar em outro exemplo com a mesma lógica.
Ao invés de utilizar uma IIFE, vamos declarar uma função `makeCounter` e utilizá-la para criar counters.
Observe também que o nome do método `value` foi modificado para `getValue`.
Ao invés de utilizar uma IIFE, vamos declarar uma função `makeCounter` e utilizá-la para criar counters.
Observe também que o nome do método `value` foi modificado para `getValue`.
Através da invocação de `makeCounter`, vamos criar 2 counters independentes entre si. Cada um criado em espaços diferentes da memória:
Agora, cada closure guarda uma versão diferente de `privateCounter` e `changeBy`.
Então perceba que a cada vez que um dos counters é invocado, a modificação do valor da let `privateCounter` desse counter invocado não afeta o valor da let `privateCounter` do outro:
Então perceba que a cada vez que um dos counters é invocado, a modificação do valor da let `privateCounter` desse counter invocado não afeta o valor da let `privateCounter` do outro:
Ou seja, através de closures, conseguimos ocultar e encapsular dados da nossa aplicação 🎉
Acha que esse conteúdo pode ajudar + pessoas❓
👉Retweeta👈 essa thread!
Para facilitar, linkei ela ali em baixo =)
Te vejo na próxima 🔥
👉Retweeta👈 essa thread!
Para facilitar, linkei ela ali em baixo =)
Te vejo na próxima 🔥
🔗Introdução à Closures - Parte 1:
🔗Introdução à Closures - Parte 2:
🔗Introdução à Closures - Parte 2:
