Checkpoint - Scope Quiz 10

var x = 30 // 전역변수 x 선언, 일단은 30이다.

function get() {
  return x // get()함수 선언, 근데 들어오는 파라미터가 없다.
}
var result = get(20) // get 함수에 20이라는 인자를 태워서 실행하려 한다.

var x = 30

function get(x) {
  return x
}
var result = get(20)

var x = 30 // 전역 변수, 일단 x 는 30이 할당됨.

function get() {
  return x // parameter 가 없는 get() 함수는 x 를 리턴, 이상태라면 get 함수의 실행결과는 30.
}

function set(value) {
  // value 라는 파라미터를 받고 curly bracket 안에서 value 를 참조,
  var x = value // 그 value 를 x 에 재선언.
}

set(10) // 이 때 x 는 10 이 됨.

var result = get(20) // 위의 set(10) 함수와는 상관없이 result 는 30. 1번 문제와 유사한 상황이다.

var x = 30

function get() {
  return x
}

function set(value) {
  x = value
}

set(10)

var result = get(20)

function set(value) {
  x = value // 함수 내 value 는 지역 범위를 참조해서 함수 실행으로 들어온 인자 10을 본다.
} // 근데 그 10 을 x 에 재할당 하고 있다. 이러면 전역 변수가 x 가 10으로 바뀐다.

var x = 30

function get(x) {
  return x
}

function set(value) {
  x = value //  set(10) 실행으로 10이 x 에 재할당. 이제 전역 변수 x 는 10.
}

set(10)

var result = get(20) // get(20) 실행으로 인자 20이 function get (x), x 에 할당됨. 받아먹었음.

var x = 10

function add(y) {
  // 5. y 파라미터로 5를 받아 먹었다.
  return x + y // 6. y 는 지역변수 5를 참고하고, x 는 참고할게 없어서 전역 x 10을 참조한다.
} // 7. add(5) 는 5 + 10, 15 를 리턴하고 있다.

function strangeAdd(x) {
  // 2. x 파라미터로 5를 받아먹었다.
  return add(x) + add(x) // 3. 아, 최종 결과는 add(5) + add(5) 를 돌려주게 하는구나.
} // 4. function add 함수에 인자 5를 태워 보내니,

var result = strangeAdd(5) // 1. strangeAdd 함수에 인자 5를 태워 보낸다.

var x = 10

function outer() {
  var x = 20

  function inner() {
    return x
  }

  return inner()
}

var result = outer()

var x = 10

function outer() {
  var x = 20 // (4번째). 이제 이 변수는 30으로 바뀝니다.

  function inner() {
    x = x + 10 // (3번째). 여기서 x는 바로 위 지역변수 x = 20 을 가져와서, + 10 을 한 값 30을 지역 변수 x에 재할당 합니다.
    return x // (5번째). 리턴되는 x 는 바로 위 지역 변수로 변경된 30을 참조하므로 30을 리턴하고.
  }
  inner() // (1번째). inner() 가 아니라 return inner() 가 맞는게 아닌지 궁금합니다.
}

outer() // (2번째). outer() 의 실행으로 inner() 함수를 실행시킵니다.
var result = x // (8번째) 갑분 x 는 함수 내의 변수를 참조할 수 없습니다. 대신 전역 변수 x = 10 을 바라보므로 10 이 됩니다.

var x = 10 // 7. 이제 전역 변수는 20.

function outer() {
  x = 20 // 6. outer() 함수의 실행으로 전역 변수 x 에 값을 재할당 한다.
  function inner() {
    var x = x + 20 // 2. x 는 바로 위 x = 20 을 참고해서, inner 함수에 x를 재선언 했다.
    return x // 3. 40을 리턴한다.
  }
  inner()
}

outer() // 1. inner() 함수를 실행하기 시작.
// 5. 40을 리턴한다.

var result = x // 8. 전역 변수 20을 가져오므로 result 는 20.

var x = 10

function outer() {
  x = 20
  function inner() {
    var x = x + 20
    return x
  }
  return inner()
}

outer()
NaN
let result = x

result
20

var x = 10 // 전역 변수가 20으로 재할당 됨.

function outer() {
  x = 20
  function inner() {
    x = x + 20 // 바로 위 x 에서 20을 가져와서 x 가 40이 된 것을 전역 변수에 다시 40으로 할당.
  }
  inner()
}

outer()

var result = x // 전역변수 40을 result 에 할당.