js 撤销最后操作

class Command {
    constructor(execute, undo) {
        this.execute = execute;
        this.undo = undo;
    }
}

class UndoStack {
    constructor() {
        this.stack = [];
    }

    add(command) {
        this.stack.push(command);
    }

    undo() {
        if (this.stack.length > 0) {
            const command = this.stack.pop();
            command.undo();
        }
    }
}

// 使用示例
const undoStack = new UndoStack();

// 假设有一个变量代表文本内容
let text = '';

// 添加一个命令，用于追加文本
undoStack.add(new Command(
    () => { text += 'Hello, '; },
    () => { text = text.slice(0, -7); } // 撤销操作
));

// 添加另一个命令，用于追加更多文本
undoStack.add(new Command(
    () => { text += 'World!'; },
    () => { text = text.slice(0, -6); } // 撤销操作
));

console.log(text); // 输出: Hello, World!

// 撤销最后一次操作
undoStack.undo();
console.log(text); // 输出: Hello, 

// 再次撤销操作
undoStack.undo();
console.log(text); // 输出: （空字符串）