使用JSON.parse出现报错 Error in mounted hook: "SyntaxError: Unexpected token u in JSON at position 0&

描述

使用JSON.parse(window.localStorage.getItem(TASKKEY)||'[]')获取缓存中的数据时,遇到了以下问题

使用JSON.parse出现报错 Error in mounted hook: "SyntaxError: Unexpected token u in JSON at position 0&

分析

经过求证发现JSON.parse(undefined)会报此类错误,可是在上述代码中用||规避了window.localStorage.getItem(TASKKEY)为undefined的情况,还是报错,后发现window.localStorage.getItem(TASKKEY)的undefined值为string类型,即"undefined",而非undefined,因此需要判断是的window.localStorage.getItem(TASKKEY)是否等于"undefined"
console.log(typeof window.localStorage.getItem(TASKKEY),typeof undefined)
使用JSON.parse出现报错 Error in mounted hook: "SyntaxError: Unexpected token u in JSON at position 0&

 const a=JSON.parse(undefined||'[]')
 console.log(a)

使用JSON.parse出现报错 Error in mounted hook: "SyntaxError: Unexpected token u in JSON at position 0&

解决方法

return JSON.parse(window.localStorage.getItem(TASKKEY)!=='undefined'?window.localStorage.getItem(TASKKEY):'[]')||[]

上一篇:本地存储


下一篇:js-cookie的使用