Read full explaination blog on this toping by clicking below

How Java Script is Executed in backend and How Execution Context is created ?

[{"selector":"#anim-fc6ff8e8-edc1-4a2b-9beb-aba94cffa626 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-70a2832b-5961-4151-b2ce-1ce6f5dede99","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-5f40df5a-1ba0-41c6-b369-90c58dc3c266","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Arrow Read More About it

The Global Context is created ,firtly .

[{"selector":"#anim-e86c9bdc-b573-40ba-ad5f-a0e09e4407e8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-250d7ddb-9ed4-41e9-b132-f3b1856c44cc","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-57d28247-fbab-497d-9ee2-3d77c8e41264","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Arrow Read More About it

The Global context has two section memory and code . in first code pass memory is allocated for var and function

[{"selector":"#anim-8022ba17-fc2b-4a47-9da3-507b70a38854 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-50e99745-5ad2-40ef-9edc-ff24463e3276","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a8975e8e-82e9-4443-8282-9bd98940c89d","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Arrow Learn more

This in above image is First pass ,var n=10 , var: undefined is created in memory

[{"selector":"#anim-104b871e-7e10-4950-9e9f-c9badcac44fa [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-267d2664-7de9-4160-b75f-4692adc38541","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-c0448e83-e342-4f74-baa9-7fa0da9dd8b2","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Arrow Learn more

This in above image is First pass ,var n=10 , var: undefined is created in memory

[{"selector":"#anim-ad8aef18-c2ac-4549-a4f2-4e7afa4ce020 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-d2435c49-4851-4641-b333-8b370ae6b9d9","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-614f5033-052d-418c-8892-6741b824af94","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Arrow Learn more

in second phase , now code is again pass and values assign to the var and function are called

[{"selector":"#anim-2685f974-55ba-44a9-9044-4f8153c25fc2 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-73adecf6-b0a3-42ba-9964-9a11e1cc227a","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f93fbf6f-1215-43f9-bdb3-95608bfa83b1","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Arrow Learn more

as new function is called then new local execution context is created ,it also pass to call stacked for execution

[{"selector":"#anim-4c4a3434-ea3c-4ed3-99dc-6b3cc2cc9333 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e5c5f384-2685-4a89-8887-21999cbf398c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-358d0d02-8bb0-432c-88ad-0068cb061b34","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Arrow Learn more

as new function is called then new local execution context is created ,it also pass to call stacked for execution

[{"selector":"#anim-5797f8a1-e822-462e-917e-6e2331a28fce [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e56c8146-7c2e-4981-89f8-5f5b27f3abf0","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-af9f39b3-87fa-471b-b3e8-df3d01156842","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Arrow Learn more

Read full explaination blog on this toping by clicking below

Javascript Execution Context

How Java Script is Executed in backend and How Execution Context is created ?

The Global Context is created ,firtly .

The Global context has two section memory and code . in first code pass memory is allocated for var and function

This in above image is First pass ,var n=10 , var: undefined is created in memory

This in above image is First pass ,var n=10 , var: undefined is created in memory

in second phase , now code is again pass and values assign to the var and function are called

as new function is called then new local execution context is created ,it also pass to call stacked for execution

as new function is called then new local execution context is created ,it also pass to call stacked for execution