1695143 - Match Arguments objects to the argument names in the scopes panel

Status: NEW

(DevTools :: Shared Components, enhancement, P3)

Description

[Nicolas Chevobbe [:nchevobbe]]

(See https://github.com/firefox-devtools/devtools-core/issues/598)

Steps to reproduce

1. Open the console
2. Evaluate:

(function (paramA, paramB, paramC) {
  console.dir(arguments)
})("a","b","c")

Actual results

The following object is rendered:

▼ Arguments
| 0: "a"
| 1: "b"
| 2: "c"

Expected results

It would be nice if we could also print the parameter name around the index, for example

▼ Arguments
| 0 (paramA): "a"
| 1 (paramB): "b"
| 2 (paramC): "c"

We'd need to handle rest parameter so

(function (paramA, ...rest) {
  console.dir(arguments)
})("a","b","c")

would print something like

▼ Arguments
| 0 (paramA): "a"
| 1: "b"
| 2: "c"