Skip to content
Advertisement

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

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

access values from <function scope>'s Closure in Chrome Developer tool's Watch pane

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.

User contributions licensed under: CC BY-SA
5 People found this is helpful
Advertisement