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

青灯夜游
リリース: 2021-11-22 19:28:41
転載
3473 人が閲覧しました

この記事では、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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!