Typoskript Rückkehr boolean nach Versprechen gelöst

Question

Ich versuche, ein boolean zurückzukehren, nachdem ein Versprechen löst aber Typoskript gibt eine Fehlermeldung,

A 'get' accessor must return a value.

mein Code aussieht.

get tokenValid(): boolean { 
    // Check if current time is past access token's expiration 
    this.storage.get('expires_at').then((expiresAt) => { 
     return Date.now() < expiresAt; 
    }).catch((err) => { return false }); 
} 

Dieser Code ist für Ionic 3 Application und der Speicher ist Ionic Storage-Instanz.

Answer 1

Sie können ein Promise zurückgeben, wie dies einen boolean löst:

get tokenValid(): Promise<boolean> { 
    // | 
    // |----- Note this additional return statement. 
    // v 
    return this.storage.get('expires_at') 
    .then((expiresAt) => { 
     return Date.now() < expiresAt; 
    }) 
    .catch((err) => { 
     return false; 
    }); 
} 

Der Code in Ihrer Frage hat nur zwei return-Anweisungen: ein in den then Handler Versprechen und eine innerhalb seiner catch Handler. Wir haben eine dritte Return-Anweisung innerhalb des tokenValid() Accessors hinzugefügt, da der Accessor auch etwas zurückgeben muss. Hier

ist ein funktionierendes Beispiel in the TypeScript playground:

class StorageManager { 

    // stub out storage for the demo 
    private storage = { 
    get: (prop: string): Promise<any> => { 
     return Promise.resolve(Date.now() + 86400000); 
    } 
    }; 

    get tokenValid(): Promise<boolean> { 
    return this.storage.get('expires_at') 
     .then((expiresAt) => { 
     return Date.now() < expiresAt; 
     }) 
     .catch((err) => { 
     return false; 
     }); 
    } 
} 

const manager = new StorageManager(); 
manager.tokenValid.then((result) => { 
    window.alert(result); // true 
}); 

Answer 2

Ihre Funktion sein sollte:

get tokenValid(): Promise<Boolean> { 
    return new Promise((resolve, reject) => { 
     this.storage.get('expires_at') 
     .then((expiresAt) => { 
      resolve(Date.now() < expiresAt); 
     }) 
     .catch((err) => { 
      reject(false); 
     }); 
}); 
}