Javascript 增加计数器值并更新localStorage中的数据

在localStorage中，counters键包含一个JSON对象，其字段是计数器的名称，其值是计数器的数值。编写incrementCounter函数，将计数器名称（计数器名称）作为第一个参数传递给该函数

该函数的任务是将计数器名称计数器值增加1，并更新localStorage中的数据。LocalStorage可能包含无效的JSON，读取该JSON可能会导致错误。在这种情况下，函数应该写入新数据，其中指定的计数器的值为1。最后，函数应在递增后返回计数器值

使用示例：

// in localStorage 1 counter: bannerClick = 5
     incrementCounter('bannerClick'); // 6
     incrementCounter('bannerClose'); // 1
// in localStorage 2 counter: bannerClick = 6, bannerClose = 1

帮助完成任务。我只知道如何解析它

   function incrementCounter(counterName){
   const newObj = JSON.parse(localStorage.getItem('counters'))

但我不知道下一步该怎么办。解释如何一步一步地执行此操作

函数incrementCounterName{ //初始化变量以存储counters对象 让柜台； //安全地尝试在localstorage中解析数据 试一试{ counters=JSON.parselocalStorage.getItemcounters； }捕手{ //如果localstorage没有有效的JSON，请创建一个新对象 计数器={}； } IFTYPE OF counters[计数器名称]！==“编号”{ //如果对象中未初始化计数器，请初始化它 计数器[计数器名称]=0； } //现在我们可以在counters对象中安全地增加它的值 计数器[计数器名称]+； //现在值已更新，请将其存储回localStorage localStorage.setItemcounters、JSON.stringifycounters； //返回相关计数器的更新值 返回计数器[计数器名称]； } 如果您在生产中使用这种方法，我建议您不要使用这种方法，因为访问本地存储是同步进行的，如果您经常这样做，这可能会降低应用程序的速度