blair's 개발 portfolio

[모던 자바스크립트 Deep Dive] 18. 함수와 일급 객체

18. 함수와 일급 객체

 

18.1 일급 객체

1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성 가능하다

2. 변수나 자료구조(객체,배열 등)에 저장할 수 있다.

3. 함수의 매개변수에 전달 할 수 있다

4. 함수의 반환값으로 사용할 수 있다.

// 1. 함수는 무명의 리터럴로 생성할 수 있다.
// 2. 함수는 변수에 저장할 수 있다.
//런타임(할당 단계)에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당된다,

const increase = function(num){
    return ++num;
};

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

//함수는 객체에 저장할 수 있다.

const auxs = {increase, decrease};
// 함수의 매개변수에 전달할 수 있다.
// 함수의 반환값으로 사용할 수 있다.

function makeCounter(aux){
    let num = 0;

    return function(){
        num = aux(num);
        return num;
    };
}

// 함수는 매개변수에게 함수를 전달할 수 있다
const increaser = makeCounter(auxs.increase);
console.log(increaser()); //1
console.log(increaser()); //2

// 함수는 매개변수에게 함수를 전달할 수 있다
const decreaser = makeCounter(auxs.decrease);
console.log(decreaser()); //1
console.log(decreaser()); //2
  • 함수가 일급 객체라는 것은 함수를 객체와 동일하게 사용할 수 있다는 의미
  • 일반 객체와 같이 함수의 매개변수에 전달할 수 있으며, 함수의 반환값으로 사용할 수도 있다는 것

18.2 함수 객체의 프로퍼티

  • 함수도 프로퍼티를 가질 수 있다

함수 객체의 프로퍼티

1. arguments 프로퍼티

  • 함수 객체의   arguments 프로퍼티 값은  arguments 객체이다.
  •  arguments 객체는 함수 호출 시 전달된 인수들의 정보를 담고 있는 순회 가능한 유사 배열 객체이며, 함수 내부에서 지역 변수처럼 사용된다
  • 인수를 프로퍼티 값으로 소유하며 프로퍼티 키는 인수의 순서를 나타낸다.
  • 선언된 매개변수의 개수와 함수를 호출할 때 전달하는 인수의 개수를 확인하지 않는 자바스크립트 특성 때문에 함수가 호출되면 인수 개수를 확인하고 이에 따라 함수의 동작을 달리 정의할 필요가 있을 수 있다
  • 매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할 때 유용
function sum(){
    //arguments 객체를 배열로 변환
    const arr = Array.prototype.slice.call(arguments);
    return arr.reduce(function (pre, cur){
        return pre + cur
    },0 );
}

console.log(sum(1,2)); //3
console.log(sum(1,2,3,4,5)) //15

2. caller 프로퍼티

  • 비표준 프로퍼티 
  • 함수 자신을 호출한 함수

3. length 프로퍼티

  • 함수를 정의할 때 선언한 매개변수의 개수를 가리킨다.
  •  arguments 객체의 length 프로퍼티는 인자의 개수를 가리키고, 함수 객체의 length 프로퍼티는 매개변수의 개수를 가리킨다

4. name 프로퍼티

  • 함수의 이름을 나타낸다. 

5. __proto__ 접근자 프로퍼티

  • [[Prototype]] 내부 슬롯이 가르키는 프로토타입 객체에 접근하기 위해 사용하는 접근자 프로퍼티다 내부 슬롯에는 직접 접근할 수 없고, 간접적인 접근 방법을 제공하는 경우에 한하여 접근할 수 있다 [[Prototype]] 내부 슬롯에도 직접 접근할 수 없으며 __proto 접근자 프로퍼티를 통해 간접적으로 프로토타입 객체에 접근할 수 있다.
  • true,false로 나타낸다

6. prototype 프로퍼티

  • prototype 프로퍼티는 생성자 함수로 호출할 수 있는 객체, 즉 constructor만이 소유하는 프로퍼티다
  • 일반 객체와 생성자 함수로 호출할 수 없는 none-constructor에는 prototype 프로퍼티가 없다
  • prototype 프로퍼티는 함수가 객체를 생성하는 생성자 함수로 호출될 때 생성자 함수가 생성할 인스턴스의 프로토타입 객체를 가르킨다.
  • true,false로 나타낸다

 

 

블로그의 정보

개발 블로그👩‍💻

Blairj

활동하기