Javascript, I cant pass variable outside of then scope, can anyone give a solution?

Question

I am trying console log the variable arrItems outside of .then(). any suggestion? Thanks in advance.

protected fun(){
    sp.web.lists.getByTitle("Requests")
    .items.get()
    .then((items: any[]) => {

    var arrItems = items.map((order) => {
    var info = {
      "Id": order.Id, "File": order.FileName
    }
    return info;
  })
  console.log(arrItems) // works
 },
);

 console.log(arrItems) // doesent works
}

MauriceNino · Answer 1 · 2019-08-20T11:12:31.143

0

You could omit the .then(), by using the asyn/await approach, like so:

async fun(){
    let items: any[] = await sp.web.lists.getByTitle("Requests").items.get();

    var arrItems = items.map((order) => {
        var info = {
            "Id": order.Id, "File": order.FileName
        }
        return info;
    });

    console.log(arrItems);
}

edited Aug 20 '19 at 11:12

answered Aug 20 '19 at 10:28

MauriceNino

6,214
1
23
60

Hello and thank you for your answer, I have an error on let items : Type 'Promise' is missing the following properties from type 'any[]': length, pop, push, concat, and 16 more – Aris Vang Aug 20 '19 at 11:11
My mistake. Add `await` before your `so.web....` request! @ArisVang – MauriceNino Aug 20 '19 at 11:13
how can I get arrItems outside of the scope of fun function? – Aris Vang Aug 20 '19 at 11:21
Depends on how you want to use it? @ArisVang – MauriceNino Aug 20 '19 at 11:23
I would like to save it in a global variable. – Aris Vang Aug 20 '19 at 11:25
Yes but when is fun() called, when is arrItems used outside of the scope, when does it need to be added to the global var.... – MauriceNino Aug 20 '19 at 11:26
Unfurnatly I did found a solution, can you send an example?? – Aris Vang Aug 20 '19 at 11:43
When you can tell me what you want: yes. – MauriceNino Aug 20 '19 at 11:48

score 0 · Answer 2 · answered Aug 20 '19 at 10:28

The .get is a promise, which is resolved async. That means that other code will be executed before the promise resolved.

If you're not sure how this works, I'd recommend reading some posts / documentation like this.

You could use the await es6 tag to wait until the promise is resolved, and then console log the result.

Example from MDN

function resolveAfter2Seconds(x) { 
      return new Promise(resolve => {
        setTimeout(() => {
          resolve(x);
        }, 2000);
      });
    }
    
    async function f1() {
      var x = await resolveAfter2Seconds(10);
      console.log(x); // 10
    }
    
    f1();

Javascript, I cant pass variable outside of then scope, can anyone give a solution?

2 Answers2