检查存储是否为空 Ionic 4 存储插件

Question

我对 Angular/TypeSript/Ionic 4 相当陌生，所以这可能有点傻，但我使用的是 Ionic Storage 插件，你可以在此页面“https://ionicframework.com/docs/building/storage”中找到它。我遇到了 我的公平份额的麻烦。文档很清楚但是太简单了。

我需要检查我的存储空间是否为空，并查看存储空间的内容。

首先，我尝试通过长度来处理它，期望它返回一个数字，但在服务上使用此代码：

getLenght(){
    return this.storage.length().then((res) => {
      return res;
    });
}

我页面上的这段代码我得到了一个对象结果：

   storageLength : any; // it would give me error as a Number
clearStorage() {
    this.dataStorageService.clear();
    this.storageLength = this.dataStorageService.getLenght(); // returns object promise
    alert(JSON.stringify(this.storageLength)); 
//{"__zone_symbol__state":null,"__zone_symbol__value":[]}

然后我尝试了这个，但由于错误，我什至无法运行它：

this.storage.get("qrCodeData").then( this.storage.get("qrCodeData") =>{}).catch(err=>{
    console.log("Your data don't exist and returns error in catch: " + JSON.stringify(err);
    });

错误是“'Promise' 类型的参数不可分配给 '(value: any) => any' 类型的参数。 类型 'Promise' 不匹配签名 '(value: any): any'"

所以不确定如何验证存储是否为空，因为我遇到了各种各样的问题，我在这里错过了什么？

Answer 1

目前尚不清楚您正在存储什么，或者您想要实现什么。也就是说，在我看来，如果你使用 async/await，那么处理从这个 Storage 模块返回的承诺信息会更干净。下面是一个例子。

let qrInfo = await this.getQrCodeData();
console.log(`Here is the result: ${qrInfo}`);  

...

async getQrCodeData(): Promise<string> {    
    await this.storage.ready();
    let qrCodeInfo = await this.storage.get("qrCodeData");
    return (qrCodeInfo) ? JSON.stringify(qrCodeInfo) : "";
}

Answer 2

你可以试试这样的：

getLength() { 
 return new Promise(resolve => {
      this.storage.get('qrCodeData').then((data) => {
        if(data){
          resolve(data);
        }    
      });    
    })    
} 

如果数据为空，数据将是未定义的，因此您可以检查它。