Utilizando o padrão Memento para restauração de estados em JavaScript

O padrão Memento é um dos padrões comportamentais que permite capturar e armazenar o estado interno de um objeto sem expor sua implementação. No contexto de desenvolvimento em JavaScript, esse padrão pode ser extremamente útil para implementar funcionalidades de desfazer/refazer e para restaurar estados anteriores de um objeto, sem violar o princípio de encapsulamento. Neste artigo, exploraremos como o padrão Memento pode ser aplicado em JavaScript para a restauração de estados de objetos e como ele pode ser útil no seu desenvolvimento de software.

O que é o Padrão Memento?

O padrão Memento é usado para capturar e armazenar o estado de um objeto em um dado momento. Esse padrão envolve três componentes principais:

1. Originator: O objeto cujos estados são armazenados.
2. Memento: Um objeto que contém o estado do Originator em um dado momento.
3. Caretaker: Responsável por manter o Memento e restaurá-lo quando necessário.

A principal vantagem desse padrão é que ele permite a restauração de estados anteriores sem expor os detalhes internos do objeto, o que facilita o gerenciamento de alterações e a implementação de funcionalidades como “undo” ou “redo”.

Implementando o Padrão Memento em JavaScript

A implementação do padrão Memento em JavaScript pode ser simples, com foco na criação dos objetos que representarão o Originator e o Memento, e a manipulação do estado através do Caretaker. Vamos ver um exemplo básico.

Passo 1: Criando o Originator

O Originator é o objeto que possui um estado que pode ser salvo e restaurado. Vamos criar uma classe Editor que mantém o conteúdo de um texto.

class Editor {
  constructor() {
    this.content = "";
  }

  setContent(content) {
    this.content = content;
  }

  getContent() {
    return this.content;
  }

  save() {
    return new Memento(this.content);
  }

  restore(memento) {
    this.content = memento.getState();
  }
}

Passo 2: Criando o Memento

O Memento é responsável por armazenar o estado do Originator. No nosso exemplo, ele guarda o conteúdo do texto.

class Memento {
  constructor(state) {
    this.state = state;
  }

  getState() {
    return this.state;
  }
}

Passo 3: Implementando o Caretaker

O Caretaker é responsável por manter e gerenciar os Mementos. Ele pode armazenar múltiplos Mementos e restaurar um estado anterior, como parte de um sistema de desfazer/refazer.

class Caretaker {
  constructor() {
    this.mementos = [];
  }

  addMemento(memento) {
    this.mementos.push(memento);
  }

  getMemento(index) {
    return this.mementos[index];
  }
}

Passo 4: Utilizando o Padrão Memento

Agora, podemos utilizar o padrão Memento para capturar o estado do Editor e restaurá-lo.

const editor = new Editor();
const caretaker = new Caretaker();

editor.setContent("Versão 1 do texto");
caretaker.addMemento(editor.save());

editor.setContent("Versão 2 do texto");
caretaker.addMemento(editor.save());

console.log("Conteúdo atual:", editor.getContent()); // Versão 2 do texto

editor.restore(caretaker.getMemento(0));
console.log("Conteúdo restaurado:", editor.getContent()); // Versão 1 do texto

Vantagens do Padrão Memento em JavaScript

• Desfazer/Refazer: O padrão Memento é perfeito para implementar funcionalidades de desfazer e refazer em editores de texto ou sistemas interativos.
• Encapsulamento: Ele mantém o estado do objeto encapsulado, evitando que detalhes internos sejam expostos.
• Simplicidade: A implementação do padrão é direta e pode ser facilmente aplicada a objetos simples ou complexos.

Considerações Finais sobre o Padrão Memento

Embora o padrão Memento seja muito útil para armazenar e restaurar estados, é importante considerar o impacto no uso de memória, especialmente se muitos estados forem armazenados. Para evitar problemas de performance, uma estratégia de limitação ou compactação dos Mementos pode ser aplicada.

Integrando o padrão Memento no seu código JavaScript, você pode aumentar a flexibilidade e a confiabilidade de sistemas que exigem o controle e a restauração de estados, como editores de texto, ferramentas de desenho e sistemas de versionamento.