18장 일급 객체

일급 객체란?

• 무명의 리터럴로 생성 할 수 있음
• 변수나 자료구조(객체,배열 등)에 저장할 수 있음
• 함수의 매개변수에 전달할 수 있음
• 함수의 반환값으로 사용할 수 있음

자바스크립트의 함수는 위의 조건을 모두 만족하므로 일급 객체라고 불립니다.

<script>
// 함수는 무명의 리터럴로 생성할 수 있음
// 함수는 변수(객체, 배열 등)에 저장할 수 있음
const increase = function (num) {
	return ++num;
}

const decrease = function (num) {
	return --num;
}

// 함수는 변수(객체, 배열 등)에 저장할 수 있음
const predicates = { increase, decrease };

// 함수의 매개변수에 전달 가능
// 함수의 반환값으로 사용 가능
function makeCounter(predicate) {
	let num = 0;
    
    return function () {
    	num = predicate(num);
        return num;
    };
  }
  
  // 함수는 매개변수에게 함수를 전달 가능함
  const increaser = makeCounter(predicates.increase);
  console.log(increaser()); // 1
  console.log(increaser()); // 2
  
    const decreaser = makeCounter(predicates.decrease);
  console.log(increaser()); // -1
  console.log(increaser()); // -2
</script>

함수가 일급 객체라는 것은 함수를 객체와 동일하게 사용할 수 있다는 의미라고합니다.
객체는 값이므로 함수는 값과 동일하게 취급할 수 있습니다.
즉 함수는 값을 사용할 수 있는 곳(변수 할당문,객체의 프로퍼티 값,배열의 요소,함수 호출의 인수, 함수 반환문)이라면 어디서든지 리터럴로 정의할 수 있으며 런타임에 함수 객체로 평가된다고 합니다.

일급 객체로서 함수가 가지는 가장 큰 특징은

일반 객체와 같이 함수의 매개변수에 전달할 수 있으며, 
함수의 반환값으로 사용할 수도 있다는 것입니다.

이는 함수형 프로그래밍을 가능케 하는 자바스크립트의 장점 중 하나라고합니다.

함수는 객체이지만 일반 객체와 차이가 있습니다.
일반 객체 : 호출 불가능
함수 객체 : 호출 가능 , 일반객체에 없는 함수 고유의 프로퍼티 소유

함수 고유의 프로퍼티란?

함수 객체의 프로퍼티는 arguments caller length name prototype 이 존재합니다.
이 함수 객체의 데이터 프로퍼티는 일반 객체에 없는 함수 객체 고유의 프로퍼티라고 합니다.

19장 프로토타입

프로토타입이란?

자바스크립트는 프로토타입 기반 언어로, 객체 간 상속을 프로토타입 체인을 통해 구현합니다. 여기서 프로토타입은 객체의 원형이라 할 수 있으며, 각 객체는 자신의 부모 역할을 하는 프로토타입을 가지고 있습니다. 이 프로토타입은 상위 객체의 데이터와 메소드를 자식 객체에게 상속하는 역할을 합니다.

특히 함수 객체는 prototype이라는 특수한 프로퍼티를 가지고 있습니다. 이 prototype 프로퍼티를 통해 생성자 함수는 자신이 생성할 인스턴스에게 프로토타입 객체에 있는 데이터와 메소드를 상속합니다. 이는 인스턴스가 해당 데이터와 메소드를 사용할 수 있도록 합니다.

실제로 인스턴스에서 특정 키에 접근할 때, 해당 객체에 해당 키가 없다면 상위 프로토타입에서 찾아나가는데, 이를 프로토타입 체인이라고 부릅니다. 즉, 부모 객체에서도 찾지 못하면 더 상위 프로토타입으로 이동하여 계속해서 찾아 나갑니다.

이러한 프로토타입 체인을 통해 자바스크립트는 유연하게 객체 간 상속을 구현하며, 코드의 재사용성과 확장성을 높이는 효과를 얻을 수 있습니다.

<script>
const arr = [3,2,1];

arr.sort(); // [1,2,3]
arr; // [1,2,3]
</script>

배열 자료형을 담은 변수에서 sort 메소드를 사용할 수 있는 이유는
뭔가 내부적으로 배열 자료형에는 위 메소드를 쓸 수 있게 처리해 놓았기 때문일 것 입니다.
바로 상속이라는 개념을 통해서 처리 되었을겁니다.

내부적으로 new Array() 함수같은 생성자 함수를 선언해서 sort 같은 메소드를 사용할 수 있습니다.

Array.prototype을 살펴보면 sort,push,pop 등,
Array로 생성한 모든 배열 인스턴스는 해당 프로토타입에 있는 데이터, 메소드를 사용할 수 있습니다.

프로토타입 체인이란?

인스턴스 객체의 key에 접근할 때, 해당 객체에게 key가 없다면 그 다음으로 상위 프로토타입(원형) 속성에서 key가 있는지 확인합니다.
없다면 그것을 찾기 위해 더 상위의 프로토타입(부모)에서 찾습니다. 이것을 프로토타입 체인이라고 합니다.
프로토타입 체인의 최상위에 위치하는 객체는 언제나 Object.prototype입니다. 체인의 종점인 Object.prototype 에서도 프로퍼티를 검색할 수 없을 경우 undefined를 반환 한다고 합니다.

요약 정리

• 자바스크립트는 프로토타입 기반 언어입니다.
• 프로토타입은 원형(유전자)이라는 뜻입니다. (객체의 원형, 즉 객체의 부모가 가지는 유전자 즉, 상속받은 데이터, 메소드)
• 함수 객체에는 프로토타입이라는 특수한 유형의 객체 프로퍼티(속성)가 존재합니다. (객체와 프로퍼티가 같은 의미가 아니다.)
• 이러한 prototype 프로퍼티를 통해 생성자 함수는 인스턴스에게 프로토타입 객체에 있는 데이터, 메소드를 상속합니다. (인스턴스는 사용 가능하다.)
• 인스턴스 객체의 key에 접근할 때, 해당 객체에게 key가 없다면 그 다음으로 상위 프로토타입(원형) 속성에서 key가 있는지 확인합니다.
• 없다면 그것을 찾기 위해 더 상위의 프로토타입(부모)에서 찾습니다. 이것을 프로토타입 체인이라고 합니다.