微信小程序-API 本地存储

井眼2024-06-21 11:43

一.本地存储-同步API

存储： wx.setStorageSync

获取：wx.getStorageSync

删除：wx.removeStorageSync

清空：wx.clearStorageSync

代码：

复制代码

  save(){
    //存储
     wx.setStorageSync('id', 1) 
     wx.setStorageSync('obj', {name:"text"})
  },
  get(){
    //获取
    const id=wx.getStorageSync('id')
    console.log(id)
  },
  remove(){ 
    //删除
     wx.removeStorageSync('id')
  },
  removeAll(){
    //全删
    wx.clearStorageSync()
  }

二.本地存储-异步API

存储： wx.setStorage

获取：wx.getStorage

删除：wx.removeStorage

清空：wx.clearStorage

代码：

复制代码

  save(){
    //存储
    wx.setStorage({
      key:'num',
      data:1
    })
    wx.setStorage({
      key:'obj',
      data:{name:'text'}
    })
  },
  async get(){
    //获取
    const { data }=await wx.getStorage({
      key:'obj'
    })
    console.log(data.name)
  },
  remove(){ 
    //删除
    wx.removeStorage({
      key:'num'
    })
  },
  removeAll(){
    //全删
    wx.clearStorage()
  }

此处出现的await/async两个关键字配合去获取Promise对象。

await用于异步函数获取Promise对象，但是只能用于异步函数里，所以需要加async关键字修饰get。

await获取的是Promise对象的最后结果。但是这个过程并不会影响和阻止小程序的异步并行处理。

复制代码

  async get(){
    //获取
    const { data }=await wx.getStorage({
      key:'obj'
    })
    console.log(data.name)
  }