ch12-해설.md

Chapter12

📌문제1

true or false 를 고르시오

(1) 함수 선언문으로 선언된 함수는 함수의 이름으로 호출된다.
(2) 함수 선언문으로 선언된 함수와 함수 표현식으로 함수를 정의한 함수는 호이스팅 될 때 
호이스팅 종류가 다르다.
(3)Function 생성자 함수로 함수를 생성할 수 있지만, 권장되지 않는다.

정답 및 해설

(1) false. 함수 선언문으로 선언된 함수는 함수 이름이 아닌 함수 객체를 가리키는 식별자로 호출한다. 
자바스크립튼 엔진은 함수 이름과 동일한 이름의 식별자를 암묵적으로 생성하고 거기에 
함수 객체를 할당한다. 
(2) true. 함수 선언문으로 선언된 함수는 함수 호이스팅이(전체가 다 끌어올려진다).
함수 표현식으로 함수를 정의한 함수는 변수 호이스팅(undefined)이 된다.
(3) true. 생성자 함수로 함수를 생성하는 방식은 일반적이지 않고 바람직하지 않다. 
클로저를 생성하지 않는 등 다른 동작을 하기 때문이다. 

📌문제2

다음 코드의 결과를 구하시오

function print(a = 1, b = 2 , c= 3){
	console.log(a + b + c);
}
print(null, undefined);

정답 및 해설

5
매개변수 기본 값은 매개변수에 인수를 전달하지 않았을 경우와 undefined를 전달한 경우에만 유효하다.
0(암묵적 형변환) + 2 + 3 이기 때문에 5가 된다.

📌문제3

다음 코드의 결과를 쓰시오

function addA(obj){obj.a++};
function swapA(obj1, obj2){ 
	const temp  = obj1.a;
	obj1.a = obj2.a;
	obj2.a = temp;
}
const obj1 = {a : 1};
const obj2 = {a : 2};

addA(obj2);
swapA(obj1, obj2);
console.log(obj1, obj2);

정답 및 해설

{a: 3} {a: 1}

참조에 의한 전달 방식으로 동작하기 때문에 외부 함수의 몸체에서 변경이 가능하다. 
따라서 원본 객체가 변경되는 부수 효과가 발생한다.

📌문제4

보기와 같이 함수 선언문으로 작성하였을 때, foo함수 몸체 외부에서 foo함수를 호출할 수 있는 이유를 작성하시오.

function foo() {
	console.log('foo');
}

정답 및 해설

함수 이름은 해당 함수 몸체 내부에서만 호출할 수 있다.
하지만 보기 코드와 같이 함수 선언문으로 작성되는 경우 자바스크립트 엔진이 암묵적으로 함수 이름과 동일한 식별자를 생성한다.
(생성된 식별자를 코드로 작성하면 아래와 같다.)
따라서 함수 몸체 외부에서 함수 이름으로 호출하면 식별자를 통해 함수를 실행하게 된다.

var foo = function foo() {
	console.log('foo');
};

• p160-163

📌문제5

변수의 Hoisting과 함수의 Hoisting(함수의 선언문)의 차이점을 작성하시오.

정답 및 해설

변수의 호이스팅은 런타임 이전에 먼저 실행되어 식별자를 생성한다.
따라서 해당 변수가 선언되기 전에 참조를 하면 undefined(var의 경우)로 초기화되어 있는 것이다.

함수의 호이스팅도 런타임 이전에 먼저 실행되어 식별자를 생성한다.
하지만 변수의 경우와 다르게 함수 객체가 생성되어 할당까지 런타임 이전에 완료된다.

함수의 표현식의 경우 변수의 선언문과 변수 할당문의 축약 표현으로 동작한다.
따라서 변수 할당문이 실행되는 런타임에 함수 객체가 생성되므로 함수 표현식 이전에 함수 호출이 불가능하다.

• p165

📌문제6

다음 보기의 순수 함수와 관련된 내용을 모두 고르시오.

(1) 함수 외부 상태에 의존하지 않는다.
(2) 외부 상태를 변경할 수 있다.
(3) 매개변수가 하나도 없다.
(4) 항상 반환값이 일정하다.
(5) 함수형 프로그래밍과 관련이 있다.
(6) 인자의 값을 절대 변경하지 않는다.

정답 및 해설

답 : (1), (5)
(1), (2)
외부 상태에 의존하지도 않고 변경하지도 않는, 즉 부수 효과가 없는 함수를 순수 함수라고 한다.

(3)
매개변수의 갯수는 상관이 없다.

(4)
동일한 인수가 전달되면 언제나 동일한 값을 반환한다.
따라서 다른 인수가 오면 반환값이 달라진다.

(5) 함수형 프로그래밍은 순수 함수를 통해 부수 효과를 최대한 억제해 오류를 피하고 프로그램의 안정성을 높이려는 노력의 일환이라 할 수 있다.

(6) 인자의 값을 변경할 수 있다.

• p186-188

📌문제7

인수와 매개변수의 차이점에대해 설명하시오.

답안 작성

p.155
  - 인수: 함수를 호출하는 과정에서 전달되는 변수(입력)
  - 매개변수: 함수 내부로 입력을 전달받는 변수

📌문제8

함수 호이스팅과 변수 호이스팅의 차이점에대해 작성하시오.

답안 작성

p.165
→ 함수 호이스팅은 런타임이전에 선언과동시에 함수객체로 초기화되지만, 변수 호이스팅은 선언문은 런타임이전, 값의 할당은 런타임에 진행된다.

함수 호이스팅: 함수 선언문에의해 선언된 함수가 런타임이전에 선언과동시에 함수객체로 초기화되되는 현상.(선언문 이전에 호출해도 정상 동작.)
변수 호이스팅: var,let,const로 선언된 변수 선언문은 런타임이전에 식별자를 생성한다는점에서 함수 호이스팅과 동일하지만 var는 undefined로 초기화,const와 let은 일시적 사각지대를 형성(선언문 이전에 호출,참조할시 var : undefined, let,const: 에러발생)

📌문제9

다음 두 함수(f1,f2)중 순수함수와 비순수함수를 구분하고, 이유를 작성하시오.

const f1 = (n) => { //(1)
        return n++;
      };


let num = 1;
const f2 = () => { /// (2)
	return num++;
      };

답안 작성

(1)
f1이 순수함수인 이유는
    1. 동일한 인수가 전달되면 언제나 동일한 값을 반환하기때문
    2. 어떤 외부 상태에 의존하지않고 오직 매개변수를 통해 함수 내부로 전달된 인수에게만 의존해 반환값을 만들기 때문.
    3. 외부 상태를 변경하지 않기 때문.(부수효과가 없다.)
    
    → 순수함수는 어떤 외부 상태에도 의존하지않으며, 외부 상태를 변경하지도 않는 함수다.

📌문제10

함수를 사용해야 하는 이유에 대해 아는대로 설명하세요.

답안 작성

156p
(1) 몇 번이든 호출할 수 있으므로 코드의 재사용이 용이하다.
(2) 유지보수의 편의성을 높이고 실수를 줄여 코드의 신뢰성을 높인다.
(3) 적절한 함수이름으로 함수의 내부 코드를 이해하지 않고도 함수의 역할을 파악할 수 있으므로 코드의 가독성을 향상시킨다.

📌문제11

함수 표현식으로 함수를 정의하면 변수 호이스팅과 함수 호이스팅 중 어떤 것이 발생하는가?

답안 작성

165p
변수 호이스팅이 발생한다.

함수 표현식은 변수에 할당되는 값이 함수 리터럴인 문이다.
따라서 함수 표현식은 변수 선언문과 변수 할당문을 한 번에 기술한 축약 표현과 동일하게 동작한다.

변수 선언은 런타임 이전에 실행되어 undefined로 초기화되지만, 변수 할당문의 값은 할당문이 실행되는 시점(런타임)에 평가되므로
함수 표현식의 함수 리터럴도 할당문이 실행되는 시점에 평가되어 함수 객체가 된다.

따라서 함수 표현식으로 함수를 정의하면 함수 호이스팅이 발생하는 것이 아니라, 변수 호이스팅이 발생한다.

📌문제12

다음 코드의 실행 결과를 예측하고, 에러가 발생하지 않는 이유를 설명하세요.

function add(x, y) {
  return x + y;
}

console.log(add(2)); // (1)
console.log(add("a", "b")); //(2)

답안 작성

170p
(1) NaN
(2) ab

1. 자바스크립트 함수는 매개변수와 인수의 개수가 일치하는지 파악하지 않는다.
2. 자바스크립트는 동적 타입 언어이기 때문에, 자바스크립트 함수는 매개변수의 타입을 사전에 지정할 수 없다.

따라서 자바스크립트의 함수를 정의할 때, 다음과 같이 적절한 인수가 전달되었는지 확인할 필요가 있다.

function add(x, y) {
  if (typeof x !== "number" || typeof y !== "number") {
    throw new TypeError("인수는 모두 숫자 값이어야 합니다!");
  }
  return x + y;
}