wx.setStorage 和 wx.setStorageSync 的区别是什么？

推荐答案

wx.setStorage 和 wx.setStorageSync 是微信小程序中用于存储数据的两个 API，它们的主要区别在于异步与同步的执行方式。

• wx.setStorage: 这是一个异步 API，用于将数据异步存储到本地缓存中。它不会阻塞后续代码的执行，适合在不需要立即获取存储结果的场景下使用。

• wx.setStorageSync: 这是一个同步 API，用于将数据同步存储到本地缓存中。它会阻塞后续代码的执行，直到存储操作完成，适合在需要立即获取存储结果的场景下使用。

本题详细解读

1. wx.setStorage

• 异步执行: wx.setStorage 是异步的，意味着它不会阻塞后续代码的执行。调用该 API 后，程序会继续执行后续代码，而存储操作会在后台进行。

• 回调函数: wx.setStorage 接受一个回调函数作为参数，用于处理存储操作完成后的结果。回调函数中可以处理成功或失败的情况。

• 适用场景: 适合在不需要立即获取存储结果的场景下使用，例如在用户操作后存储一些非关键数据。

// www.javascriptcn.com code example
wx.setStorage({
  key: 'key',
  data: 'value',
  success(res) {
    console.log('存储成功', res);
  },
  fail(err) {
    console.error('存储失败', err);
  }
});

2. wx.setStorageSync

• 同步执行: wx.setStorageSync 是同步的，意味着它会阻塞后续代码的执行，直到存储操作完成。调用该 API 后，程序会等待存储操作完成后再继续执行后续代码。

• 无回调函数: wx.setStorageSync 不接受回调函数，因为它会立即执行并返回结果。如果存储操作失败，会直接抛出异常。

• 适用场景: 适合在需要立即获取存储结果的场景下使用，例如在程序启动时需要读取一些关键配置数据。

try {
  wx.setStorageSync('key', 'value');
  console.log('存储成功');
} catch (err) {
  console.error('存储失败', err);
}

3. 总结对比