讲师中心 微信公众号
AI工具推荐 视频效率加速

uni-app本地存储使用方法 uni-app setStorage与getStorage区别

大磊酱_4341

大磊酱_4341

发布时间:2026-04-30 06:03:00

|

1007人浏览过

|

来源于php中文网

原创

uni.setStorage和uni.getStorage是异步接口,需回调或Promise获取结果;uni.setStorageSync和uni.getStorageSync是同步接口,立即返回但阻塞主线程,核心差异在于存储完成时机确认方式。

uni-app本地存储使用方法 uni-app setstorage与getstorage区别

uni.setStorage 和 uni.getStorage 是异步接口,必须靠回调或 Promise 包装才能拿到结果;uni.setStorageSync 和 uni.getStorageSync 是同步接口,调用后立即返回值或抛错,但会阻塞 JS 主线程。

uni.setStorage 与 uni.setStorageSync 的核心差异

关键不在“能不能存”,而在“什么时候能确认存完”:

  • uni.setStorage 是异步的:写入操作提交后函数立刻返回,实际存储可能几毫秒后才完成,必须在 success 回调里处理后续逻辑(比如跳转、更新 UI)
  • uni.setStorageSync 是同步的:调用后会卡住 JS 执行,直到数据真正落盘才继续——对小数据(如 token、开关状态)影响不大,但存大对象(如缓存整页列表)可能明显卡顿
  • 两者都要求 data 必须是可序列化的值;若传入函数、undefined、Symbol 或循环引用对象,setStorageSync 会静默失败(返回 undefined),setStorage 则在 fail 回调中报 JSON.stringify error
  • 小程序平台(微信、支付宝等)对 setStorageSync 有更严的单次写入大小限制(通常 ≤ 1MB),超限直接抛错;H5 环境下则依赖浏览器 localStorage 限制(一般 5–10MB)

uni.getStorage 读取时为什么常遇到 undefined?

不是没存进去,而是读得太早或 key 不匹配:

uni-app
uni-app

uni-app 是基于 Vue 的跨端开发框架,适合开发 H5、App、小程序、鸿蒙和多端业务应用。

下载
  • 用 uni.setStorage 存完立刻调 uni.getStorage,不等 success 就读,大概率读到旧值或空值——因为写还没完成
  • key 大小写敏感,'Token' 和 'token' 是两个键;存的时候用了对象包装(如 {key: 'user', data: obj}),读的时候却漏了 key 字段,导致参数错误
  • uni.getStorageSync 查不到时直接返回 undefined,不会报错;容易误判为“没存”,其实是 key 写错或跨平台清缓存(比如微信开发者工具点了“清除数据”)
  • 某些安卓 WebView 对 JSON.parse 容错差,如果之前存的是非法 JSON 字符串(比如手动拼接过),getStorageSync 可能静默返回 undefined,而 getStorage 会在 fail 中提示解析失败

何时该用同步,何时必须用异步?

别凭感觉选,看执行时机和数据重要性:

  • 登录态 token、用户基础信息这类**启动即需、不可为空**的数据,建议用 uni.getStorageSync 同步读取,避免白屏等待;但存 token 时用 uni.setStorageSync 要加 try/catch,防止因序列化失败导致静默丢失
  • 页面级缓存(如搜索历史、表单草稿)、非关键配置,优先用 uni.setStorage + uni.getStorage,配合 fail 回调降级(比如 fail 时走默认值)
  • 连续多次写入(如批量保存 10 条日志),不要连写多个 setStorageSync,改用 Promise.all 包裹多个 setStorage,否则主线程会被锁死数秒
  • 调试时想快速验证 key 是否存在,直接在控制台敲 uni.getStorageSync('xxx') 最快;但上线代码里别这么干,尤其不能在 onLaunch 里无条件同步读多个 key,iOS 小程序可能触发性能告警

最易被忽略的一点:所有 storage 接口在不同平台行为一致,但**容量上限和错误提示粒度差异极大**。微信小程序里 setStorageSync 超 1MB 直接 throw,H5 里可能只是静默截断。真要存大结构,先 JSON.stringify 测长度,再决定分片还是换 IndexedDB。

热门AI工具

更多
切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2743

2023.08.11

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

5943

2023.10.09

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

6890

2024.03.19

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

6638

2024.03.22

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

943

2024.05.22

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

20

2026.10.28

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

40

2026.10.28

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

140

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app从入门到实战教程
uni-app从入门到实战教程

共0课时 | 0人学习

uni-app x harmony开发指南
uni-app x harmony开发指南

共0课时 | 0人学习

uni-app鸿蒙运行和发行
uni-app鸿蒙运行和发行

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn