How to access values from 's Closure in Chrome Developer tool's Watch panel?

Question

I have a complex javascript object which is generated by some third party tool, which looks like this (inside Chrome Developer Tools Watch panel):

I'm interested in reading those text and value attributes of i Object. I've never seen such <function scope> thing before. In such cases,

How to access values from <function scope>'s Closure in Chrome Developer tool's Watch panel?

Or is it not possible?

@vsharper It is returning ``, but for `arg.layer.getElements()[0].coordinates.prototype` also gives the same **Closure** thing — Zameer Ansari, Jul 12 '16 at 11:48
http://devtoolsecrets.com/secret/debugging-inspect-scope-during-a-breakpoint.html firebug may be able to do what you want — Carter Cole, Mar 20 '17 at 15:53

score 4 · Accepted Answer · answered Jul 12 '16 at 11:40

A closure is a special kind of object that combines two things: a function, and the environment in which that function was created. The environment consists of any local variables that were in-scope at the time that the closure was created.

Source: MDN Closures

The i object you are seeing was created at some point in the past, and the function you have paused in was created within the same outer function that created the object. When the inner function accesses the variables of the outer function, a closure is created to "remember" them.

You can't access the closed over variables directly.

score 1 · Answer 2 · answered Mar 03 '21 at 07:50

You can change a Date value like this:

right click on your variable in "Scope" (on the right of your source tab).
select "store object as global variable".
now you will have jumped to console and have a new global variable "temp1". (1 will increased if you repeatly doing this)
type temp1.setTime([your-date-value]) will change the value of it.

(confirmed in Chrome verion 88)

How to access values from 's Closure in Chrome Developer tool's Watch panel?

2 Answers2

Linked

Related