Relativamente nuevo en los patrones de diseño, generalmente mis trabajos están escritos en función de las necesidades. Pero ahora necesito implementar una función de deshacer y rehacer, así que acabo de leer sobre los diferentes patrones que puedo usar para eso y descubrí que el patrón de recuerdo es el que podemos elegir. Así que intente escribir el código para implementar eso, funcionó, pero no estoy seguro de la calidad del código. Además, en realidad no sigo el patrón Memento de estilo JAVA. Aquí entiendo el concepto y agrego código a mi manera.
const Calculator = () => { const mementos = []; let redos = []; let sum = 0; const add = (num) => { setState(sum); sum += num; }; const sub = (num) => { setState(sum); sum -= num; } const mul = (num) => { setState(sum); sum *= num; } const div = (num) => { setState(sum); sum /= num; } const setState = (state) => { mementos.push({ state }); }; const restore = state => state.state; const undo = () => { redos = []; if (mementos.length <= 0) { return null; } redos.push({ state: sum }); const memento = mementos.pop(); sum = restore(memento); return sum; }; const redo = () => { if (redos.length <= 0) { const obj = redos.pop(); sum = restore(obj); } }; return { add, sub, mul, div, undo, redo, dispaly: () => { console.log(sum); } }; }; const { sub, mul, div, dispaly, add, undo, redo } = Calculator(); add(10); dispaly(); add(50); dispaly(); sub(10); dispaly(); mul(2); dispaly(); undo(); dispaly();Cualquier problema con este estilo de codificación o cualquier mejora que pueda agregar para hacer que este patrón se pueda mantener. Gracias