如何访问值<function scope>在 Chrome 开发者工具的观察面板中关闭？

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?

Answer 1

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.

Answer 2

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)