067 ∞ 保存计算到本地缓存

不二如是

                               
登录/注册后可看大图

上一讲我们优化了UI组件，本次学习两个API接口，为存储运算记录做准备～

要将数据保存到本地缓存，可使用微信小程序提供的两个API接口函数：wx.setStorage、wx.setStorageSync。

接下来，就让我们一个一个来学习下～

---

wx.setStorage（OBJECT）

使用wx.setStorage函数可将数据保存到本地缓存的指定key中，如果在本地缓存中已存在指定的key，则会覆盖对应的内容。

这个接口函数是一个异步接口，其参数是个Object对象，有以下属性：

参数	类型	必填	说明
key	String	是	本地缓存中的指定的 key
data	Object/String	是	需要存储的内容
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

示例代码：

1. wx.setStorage({
   
2.   key:"key",
   
3.   data:"value",
   
4.   success:function(e){
   
5.   console.log("已成功存储本地缓存");
   
6.   console.log(e);
   
7.   },
   
8.   fail:function(err){
   
9.   console.log("存储失败");
   
10.   console.log(err);
    
11.   },
    
12.   complete:function(e){
    
13.   console.log("完成存储");
    
14.   console.log(e);
    
15.   }
    
16. })

复制代码

这段代码在本地缓存中保存一个名为“key”的缓存数据，其值为“value”。

当缓存保存成功后将调用success中嗲吗，然后调用complete中代码。

当缓存保存失败后将调用fail中代码，然后调用complete中代码。

由于正常情况下本地缓存肯定是成功的，所以控制台输出的Object对象中的errMsg属性会输出“setStroage：ok”

---

wx.setStorageSync（KEY，DATA）

wx.setStorageSync接口函数与wx.setStorage相同，将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容。

不同之处是它是一个同步接口。

因此不需要success，fail，complete这些回掉函数，key，data参数说明：

参数	类型	必填	说明
key	String	是	本地缓存中的指定的 key
data	Object/String	是	需要存储的内容

在很多情况下使用同步接口就足够了，只是需要注意：

使用同步接口函数时，最好在外部包一个错误捕获。

示例：

1. try {
   
2.     wx.setStorageSync('key', 'value')
   
3. } catch (e) {   
   
4.     console.log(e)
   
5. }

复制代码

---

课后作业


1、以下选项哪个是wx.setStorage函数Object对象的属性？
a.errMsg  b.data  c.key  d.catch

2、使用同步接口函数要注意什么？



答案：

游客，如果您要查看本帖隐藏内容请回复

---

如果有收获，别忘了评分 ：

                               
登录/注册后可看大图

这位鱼油，如果喜欢小程序，请订阅 专辑（传送门）（不喜欢更要订阅 ）

                               
登录/注册后可看大图

一笙彤

0