小程序的本地存储主要通过`wx.setStorageSync`和`wx.getStorageSync`两个API实现。这两个API都是同步操作,也就是说,它们会立即将数据写入到本地存储中,并且不会等待服务器的响应。
1. 使用`wx.setStorageSync`进行本地存储的读写:
- `wx.setStorageSync(key, value)`:设置一个键值对到本地存储中。如果键已经存在,那么新的值会被覆盖;如果键不存在,那么会创建一个新的键。
- `wx.removeStorageSync(key)`:删除一个键值对到本地存储中。
- `wx.clearStorageSync()`:清空所有存储的数据。
2. 使用`wx.getStorageSync`进行本地存储的读写:
- `wx.getStorageSync(key)`:获取一个键对应的值。如果键不存在,那么返回null。
- `wx.setStorageSync(key, value)`:获取一个键对应的值,并将其设置为新值。如果键已经存在,那么新的值会被覆盖;如果键不存在,那么会创建一个新的键。
- `wx.removeStorageSync(key)`:获取一个键对应的值,并将其删除。
- `wx.clearStorageSync()`:清空所有存储的数据。
下面是一个简单的示例代码:
```javascript
// 设置本地存储
wx.setStorageSync('userInfo', { name: '张三', age: 18 });
console.log(wx.getStorageSync('userInfo')); // { name: '张三', age: 18 }
// 读取本地存储
const userInfo = wx.getStorageSync('userInfo');
console.log(userInfo); // { name: '张三', age: 18 }
// 删除本地存储
wx.removeStorageSync('userInfo');
console.log(wx.getStorageSync('userInfo')); // null
// 清空本地存储
wx.clearStorageSync();
console.log(wx.getStorageSync('userInfo')); // null
```
在这个示例中,我们首先设置了本地存储中的`userInfo`对象,然后读取了这个对象并打印出来。接着,我们尝试删除这个对象,然后再次读取它并打印出来。最后,我们清空了本地存储。