Running es6 in debugger console

Question

When I open a debugger console on a page, and I run:

'use strict'
const userMap = new Map();
userMap.set("1", {id: 200})
userMap.set("2", {id: 301})
userMap.set("3", {id: 102})
[...userMap].sort((a, b)=> {
  console.log(a[1], b[1])
  return a[1] - b[1]
})

..

I will get an error:

Uncaught SyntaxError: Unexpected token ...

Now, when I use a ugly setTimeout():

'use strict'
const userMap = new Map();
userMap.set("1", {id: 200})
userMap.set("2", {id: 301})
userMap.set("3", {id: 102})
setTimeout(() => {
    [...userMap].sort((a, b)=> {
      console.log(a[1], b[1])
      return a[1] - b[1]
    })
})

Now the error is not there..

I was just wondering why is this happening?

Update, this was working for me

'use strict'
const userMap = new Map();
userMap.set("1", {id: 100});
userMap.set("2", {id: 300});
userMap.set("3", {id: 111});
const sortBy = (sortMap, name) => {
  return [...sortMap.values()].sort((a, b)=> {
    return a[name] - b[name];
  });
};
const sorted = sortBy(userMap, "id");
console.log(sorted);

You are missing semi-colons at the end of the lines, so it's interpreted as `userMap.set("3", {id: 102})[...userMap]` — VLAZ, Jun 14 '19 at 07:54

score 0 · Accepted Answer · answered Jun 14 '19 at 07:56

0

I think you're missing the semicolon at the end of the line:

userMap.set("1", {id: 200});
userMap.set("2", {id: 301});
userMap.set("3", {id: 102});

answered Jun 14 '19 at 07:56

riorudo

977
7
14

Running es6 in debugger console

1 Answers1