在公司迁移h5项目到uniapp时,之前有很多使用 localStorage 存取值的场景,迁移的过程中,导致某些地方没有替换成 uni.setStorageSync ,在取值的时候使用了 localStorage 出现了状态值不对的bug

// uni存 => localStorage取值
uni.setStorageSync('AAA', res.data.sdfdf) // 当对象中没有该属性时,一样会存在 localStorage 中,值为 {"type":"undefined"}
let uniAAA = uni.getStorageSync('AAA') // 得到的是 '' 空字符串
let localAAA = localStorage.getItem('AAA') // 得到的是 {"type":"undefined"}
if (uniAAA) {
   console.log('uni存、uni取值为假', uniAAA) // 不会执行
}
if (localAAA) {
   console.log('uni存、local取值为真', localAAA)
}

// localStorage存 => uni取值
localStorage.setItem('BBB', res.data.rwer) // 同样对象中没有时,存的值为 字符串类型的 undefined
let uniBBB = uni.getStorageSync('BBB') // 得到的是 '' 空
let localBBB = localStorage.getItem('BBB') // 得到的是 {"type":"undefined"}

if (uniBBB) {
   console.log('local存、uni取值为真', uniBBB)
}
if (localBBB) {
   console.log('local存、local取值为真', localBBB, typeof localBBB)
}

在这里插入图片描述
在这里插入图片描述

结论

老老实实的用人家对应的api,不要感觉某个文件在浏览器跑,小程序用不到,就不去修改 localStorage 保持h5的写法。早晚要吃亏

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐