>  기사  >  위챗 애플릿  >  미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

青灯夜游
青灯夜游앞으로
2021-11-22 19:28:413399검색

이 기사에서는 WeChat 애플릿의 동기식 및 비동기식 저장소를 이해하고 로컬 저장소의 동기식 작동 방법과 로컬 저장소의 비동기식 작동 방법을 소개합니다. 모든 사람에게 도움이 되기를 바랍니다.

미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

1. 로컬 저장소의 동기 작업

꼭 필요한 경우가 아니면 동기 방법을 사용해 보세요. 특히 초보자의 경우 동기 방법을 사용하는 것이 좋습니다. 방법. [관련 학습 추천 : 미니 프로그램 개발 튜토리얼]

wx.setStorageSync 동기화 저장 :

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

위챗 미니 프로그램 디버거에서 다음과 같이 효과를 볼 수 있습니다

미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

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는 하나를 동기식으로 제거합니다.

wx.removeStorageSync('key')

제거 후 키라는 저장소는 사라집니다.

미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

wx.clearStorageSync는 모두 동기식으로 삭제합니다.

wx.clearStorageSync()

다음과 같이 사용합니다. ClearStorageSync는 이전 로그와 함께 삭제됩니다

미니 프로그램에서 로컬 저장소를 동기식 또는 비동기식으로 작동하는 방법에 대해 이야기해 보겠습니다.

2. 로컬 저장소의 비동기 작업

1.wx.setStorage 비동기 저장소 값

로컬 캐시에 지정된 키에 데이터를 저장합니다. 키에 해당하는 원본 콘텐츠를 덮어씁니다. 사용자가 적극적으로 삭제하거나 저장 공간 문제로 인해 시스템에서 삭제되지 않는 한 데이터는 항상 사용할 수 있습니다. 단일 키에 저장할 수 있는 최대 데이터 길이는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 juejin.cn에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제