ホームページ  >  記事  >  WeChat アプレット  >  ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

青灯夜游
青灯夜游転載
2021-11-22 19:28:413399ブラウズ

この記事では、WeChat アプレットの同期ストレージと非同期ストレージを理解し、ローカル ストレージの同期操作と非同期操作の方法を紹介します。

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

1. ローカル ストレージの同期操作

必要がない限り、同期方式を使用するようにしてください (特に初心者の場合は、同期方式を使用することをお勧めします)同期メソッドで問題を解決できない場合は、非同期メソッドの使用を検討してください。 [関連する学習の推奨事項: ミニ プログラム開発チュートリアル ]

wx.setStorageSync 同期ストレージ:

wx.setStorageSync('key', 'value')

この効果は、次のように WeChat ミニ プログラム デバッガーで確認できます

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

#wx.getStorageSync は次を同期的に取得します:

wx.getStorageSync('key')
console.log(wx.getStorageSync('key'))//value

wx.getStorageInfoSync() 現在のストレージ内の情報

const res = wx.getStorageInfoSync()
console.log(res.keys)//["logs", "key"]
//res.keys当前 storage 中所有的 key
console.log(res.currentSize)//1
//res.currentSize当前占用的空间大小, 单位 KB
console.log(res.limitSize)//10240
//res.limitSize限制的空间大小,单位 KB

wx.removeStorageSync は同期的に 1 つを削除します:

wx.removeStorageSync('key')

削除後、key と呼ばれるストレージは消えます

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

wx.clearStorageSync はすべてを同期的にクリアします:

wx.clearStorageSync()

clearStorageSync は次のように使用します。以前のログとともに、これらはクリアされます。

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

2. ローカル ストレージの非同期操作

1.wx.setStorage 非同期ストレージ値;

will データは、ローカル キャッシュの指定されたキーに保存されます。キーに対応する元のコンテンツを上書きします。ユーザーが積極的に削除するか、ストレージ容量の理由でシステムによって消去されない限り、データは常に利用可能です。 1 つのキーに保存できる最大データ長は 1MB で、すべてのデータ保存の上限は 10MB です。

wx.setStorage({
    key:"key2",
    data:"value2"
})

値を保存した後、WeChat アプレットのデバッグ バーで効果を確認できます。アクセスと実行の操作が異なることを除けば、同期と非同期の結果は同じです。値の保存と取得は同期が逐次実行されること以外は同じですが、非同期はインターフェースが停滞することはありませんが、ほとんど無視できるため、必要のない場合は同期を使用することをお勧めします。

ミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょう

2.wx.removeStorage() は、指定された値を削除します。

指定されたキーをローカル キャッシュから削除します。

wx.removeStorage({
    key: 'key',
    success (res) {
        console.log(res)
    }
})

3.wx.getStorage(); 値の取得

指定されたキーの内容をローカル キャッシュから非同期的に取得します。

wx.getStorage({
  key: 'key',
  success (res) {
     console.log(res.data)
  }
})

4.wx.getStorageInfo 現在のストレージの情報を取得します

wx.getStorageInfo({
   success (res) {
   console.log(res.keys)//["logs", "key"]
   //当前 storage 中所有的 key
   console.log(res.currentSize)//1
   //当前占用的空间大小, 单位 KB
   console.log(res.limitSize)//10240
   //限制的空间大小,单位 KB
}})

5.wx.clearStorage(); すべてのキーをクリアします

wx.clearStorage()

プログラミング関連の知識をさらに増やしてください。訪問: プログラミング入門! !

以上がミニプログラムでローカルストレージを同期または非同期で操作する方法について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。