How to return stored value in a function.

Hi,

I’m having trouble figuring out how to retrieve a value from a custom function that accesses the store. I keep getting an undefined value despite having access to the value from within the function.

My code:

export function fetchToken() {
  store.get('userToken')
  .then(token => {
    if (token) {
      return token;
    }
  })
}

If I console out the token in the above function it’s clearly there.

But when I try to use the above function elsewhere like so:

let token = fetchToken() I get an undefined.

Clearly, I’m missing something here. Any help at all would be greatly appreciated .

Thank you!

[jasonmerino]

@jaredtibs my apologies for the late reply here.

In your example code you posted, if you are going to get the value of the token you need to move your console.log(token) inside the callback function you pass the .then().

function whateverFunctionThisIs {
  let token;
  fetchToken().then((t) => {
    token = t;
    console.log(token); // will be value stored for token
  });
  console.log(token); // undefined because the callback function passed to .then() hasn't been run yet
  //continues on to make fetch request
}

async function fetchToken() {
  let token
  try {
    token = await store.get('userToken');
    return token
  } catch(e) {
    console.error(e)
  }
}

Or! If you wanted to get really fancy with async/await you could do this.

async function whateverFunctionThisIs {
  let token = await fetchToken();
  console.log(token); // will be value stored for token
  //continues on to make fetch request
}

async function fetchToken() {
  let token
  try {
    token = await store.get('userToken');
    return token
  } catch(e) {
    console.error(e)
  }
}

[jasonmerino]

No problem!