如何在不使用全局变量的情况下编辑待办事项列表

// 使用面向对象编程的方式
class TodoList {
  constructor() {
    this.items = [];
  }

  addItem(item) {
    this.items.push(item);
  }

  removeItem(item) {
    const index = this.items.indexOf(item);
    if (index !== -1) {
      this.items.splice(index, 1);
    }
  }

  // 其他待办事项列表的操作方法...
}

// 使用闭包
function createTodoList() {
  const items = [];

  return {
    addItem: function(item) {
      items.push(item);
    },

    removeItem: function(item) {
      const index = items.indexOf(item);
      if (index !== -1) {
        items.splice(index, 1);
      }
    },

    // 其他待办事项列表的操作方法...
  };
}

// 使用模块化编程
const todoListModule = (function() {
  const items = [];

  function addItem(item) {
    items.push(item);
  }

  function removeItem(item) {
    const index = items.indexOf(item);
    if (index !== -1) {
      items.splice(index, 1);
    }
  }

  // 其他待办事项列表的操作方法...

  return {
    addItem,
    removeItem,
    // 其他待办事项列表的操作方法...
  };
})();

// 使用示例
const todoList = new TodoList(); // 或者 const todoList = createTodoList(); 或者 const todoList = todoListModule;

todoList.addItem("任务1");
todoList.addItem("任务2");
console.log(todoList.items); // 输出: ["任务1", "任务2"]

todoList.removeItem("任务1");
console.log(todoList.items); // 输出: ["任务2"]