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?
Advertisement
Answer
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.