ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 18 함수와 일급 객체
    모던 자바스크립트 딥 다이브 독학 2023. 10. 15. 10:13

    일급 객체의 조건

    자바스크립트의 함수(함수를 객체와 동일하게 사용할 수 있다는 의미)

    • 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다.
    • 변수나 자료구조(객체, 배열 등)에 저장할 수 있다.
    • 함수의 매개변수에 전달할 수 있다.
    • 함수의 반환값으로 사용할 수 있다.

    함수 객체의 프로퍼티

    • arguments, caller, length, name, prototype 프로퍼티는 모두 함수 객체의 데이터 프로퍼티이다. (일반 객체에는 없는 함수 객체 고유의 프로퍼티)

    • __proto__ 는 접근자 프로퍼티이며 함수 객체 고유의 프로퍼티가 아니라 Object.prototype 객체의 프로퍼티를 상속받은 것이다. (모든 객체가 사용할 수 있다)

    • arguments 객체: 매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할 때 유용하다. 유사 배열 객체이다.(length 프로퍼티를 가진 객체로 for 문으로 순회할 수 있는 객체) 또한 이터러블이다.

    • caller 객체: ECMAScript 사양에 포함되지 않은 비표준 프로퍼티. 함수 객체의 caller 프로퍼티는 함수 자신을 호출한 함수를 가리킨다.

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

    • name 프로퍼티: 함수 이름을 나타낸다. ES5에선 익명 함수 표현식의 경우 빈 문자열을 값으로 갖지만 ES6에선 함수 객체를 가리키는 식별자(변수 이름)를 값으로 갖는다.

    • __proto__ 접근자 프로퍼티: [[Prototype]] 내부 슬롯이 가리키는 프로토타입 객체에 접근하기 위해 사용하는 접근자 프로퍼티다. (간접적으로 프로토타입 객체에 접근)

        const obj = { a: 1 };
        console.log(obj.__proto__ === Object.prototype); // true
      
        //hasOwnProperty 메서드는 인수로 전달받은 프로퍼티 키가 객체 고유의 프로퍼티 키인 경우에만
        //true를 반환하고 상속받은 프로토타입의 프로퍼티 키인 경우 false를 반환한다.
        console.log(obj.hasOwnProperty('a')); // true
        console.log(obj.hasOwnProperty('__proto__')); // false
        //hasOwnProperty 메서드는 Object.prototype의 메서드다.
    • prototype 프로퍼티: 생성자 함수로 호출할 수 있는 함수 객체, 즉 constructor만이 소유하는 프로퍼티다. 일반 객체나 생성자 함수로 호출할 수 없는 non-constructor는 prototype 프로퍼티가 없다. 함수가 객체를 생성하는 생성자 함수로 호출될 때 생성자 함수가 생성할 인스턴스의 프로토타입 객체를 가리킨다.

Designed by Tistory.