Estoy teniendo muchos problemas a la hora de obtener el valor de una promise. Básicamente quiero que el valor que devuelve una promesa quede asignado a una variable. Por ejemplo
En este ejemplo se usan los siguientes elementos: vue.js, vuex,
almacen
es un sinónimo delocalForage
, un paquete para usar con el almacenamiento local.
Con este código obtengo el error Cannot read property 'getItem' of undefined
let _accessToken = this.almacen.getItem('token')
Entonces uso una función .then()
y obtengo el mismo error anterior
let _accessToken = this.almacen.getItem('token').then(carga => carga)
Entonces convierto mi variable _accessToken
en una función.
let _accessToken = () => this.almacen.getItem('token').then((carga) => carga)
Aquí no tengo ningún error de sintaxis, pero la variable al ser evaluada me devuelve un error, que dice (error during evaluation)
.
Ahora bien, si hago una función y uso la promesa dentro, si funciona. Por ejemplo:
function _getAccessToken () {
this.almacen.getItem('token') // consulto el almacenamiento
.then((payload) => { // obtengo el resultado
if (payload) {
this.$store.state.token = payload // lo guardo en una variable global
this.$store.state.fuera = false // altero otra variable
} else this.$store.state.fuera = true
}).catch((e) => console.log(`Error ${e}`))
}
Aquí todo funciona como se espera, pero insisto en usar mi variable, así que la agrego:
let _accessToken = '' // declaro mi variable
function _getAccessToken () {
this.almacen.getItem('token')
.then((payload) => {
if (payload) {
_accessToken = payload // Aqui intento asignar la promesa
this.$store.state.token = payload
this.$store.state.fuera = false
} else this.$store.state.fuera = true
}).catch((e) => console.log(`Error ${e}`))
}
Al evaluar la función, obtengo un error:
Uncaught TypeError: Cannot read property 'toString' of undefined
.
La verdad solo estoy adivinando y no consigo atinarle.
¿Cómo puedo guardar el valor de la promesa en la variable indicada?
Edit
Para que puedan observar el funcionamiento de la aplicación he creado un pequeño jsfiddle que reproduce el problema:
payload
, cuando esta se resuelve... creo, no entiendo bien todavía esto de las promesas._accessToken = payload
ponésconsole.log(_accessToken)
qué sale en la consola?