Latihan 1: Memento Pattern (Undo/Redo) — Design Patterns

Latihan 1 dari materi Memento Pattern (Undo/Redo) di Design Patterns — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Starter sudah membuat createEditor(3) dan mencetak 10 baris; bagian itu tetap. Lengkapi createEditor(maxHistory) supaya mengembalikan object dengan lima method:

  1. Simpan let text = '', const undoStack = [], dan const redoStack = [] di dalam createEditor.
  2. type(str): push text ke undoStack sebelum mengubahnya. Kalau undoStack.length lebih dari maxHistory, buang yang paling tua dengan undoStack.shift(). Kosongkan redoStack. Lalu text += str.
  3. getText(): kembalikan text.
  4. undo(): kalau undoStack kosong, kembalikan false. Kalau gak, push text ke redoStack, isi text = undoStack.pop(), lalu kembalikan true.
  5. redo(): kalau redoStack kosong, kembalikan false. Kalau gak, push text ke undoStack, isi text = redoStack.pop(), lalu kembalikan true.
  6. historySize(): kembalikan { undo: undoStack.length, redo: redoStack.length }.

Console harus mencetak 10 baris ini, berurutan:

  1. string kosong ('')
  2. Hello, World
  3. 3
  4. true
  5. Hello, (dengan satu spasi di akhir)
  6. 1
  7. true
  8. Hello, World
  9. Hello, !!
  10. 0

Yang juga dinilai: createEditor(2) yang diketik 'a' dan 'b', lalu undo, redo, undo, dan type('X'), menghasilkan teks ab, true, a, true, ab, aX, dan historySize().redo 0. Dan createEditor(2) yang diketik 'a', 'b', 'c' punya historySize().undo 2.

Hint