Question

Write down your solution for this assignment, take a picture and submit on canvas. Typed answers are not graded.

1. Given the following code, write down the execution steps of each line along with changes in variables, and what will be printed out after execution of each line. Make sure to identify the caller and callee functions and processes. If you are not sure how this is done, run this code in a browser console, and set a breakpoint at the beginning of the code, then step through the code line by line.

• If there will be a missing step, you will not get anypoint.

• This exercise is crucial for your understanding of the javascript execution environment as we are going to us JS heavily for the rest of the semester.

var globalVar =1;

function foo(argVar){

var localVar=2;

return function(arg){

argVar +=arg;

localVar += arg;

globalVar += arg;

console.log('F', argVar, localVar, globalVar);

  

};

}

var func1 = foo(1);

var func10 = foo(10);

func1(1);

func10(2);

console.log('G', globalVar);

Answer 1

OUTPUT:

"F" 2 3 2

"F" 12 4 4

"G" 4

EXPLAINATION:

var func1= foo(1)

foo(1)

local var=2

fun(1)

argvar+=arg (1+1=2) :argvar =2

localvar+=arg (2+1) : localvar=3

globalvar+=arg (1+1) : globalvar=2

fun(10)

10+2=12 (because localvar is 2 so arg change into 2)

2+2=4

2+2=4

func1(1); //will not execute

func10(2); //will not execute

console.log('G', globalVar);

4