在公司迁移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的写法。早晚要吃亏