[ 자바스크립트(JavaScript) ] 일급객체(First Class Object)에 대해서 간략하게 알아보자

📍 일급객체(First Class Object)에 대해서 간략하게 알아보자

프론트엔드 신입 면접에서 First Class Object가 무엇인지 설명해주세요.라는 첫 질문을 듣고 머리가 벙쪘다. 용어를 들어봤으면 관련된 내용을 쥐어짜내기라도 할 텐데 도무지 생각이 나지 않았기 때문이다.

 

답답함을 이기지 못하고 면접관분께 시원하게 말씀드렸다. 그런 용어를 처음 듣습니다.. 한글로 쓰이는 말이 따로 있습니까? 공부를 더 해야겠습니다.. 이윽고 면접관님은 웃으며 일급 객체에 대해 자세히 설명을 해주셨다. 마침내 밀려오는 자괴감..

 

 

비록 면접에 떨어진 이유가 일급객체를 몰라서 떨어진 것은 아니지만 JS의 기초적인 내용을 많이 공부해야겠다는 생각이 들었다. 그래서 알아보자 일급객체(First class object)란 무엇인가?

 

MDN에서 찾아보니까 다음과 같은 정의가 나온다. 함수를 변수처럼 다루는 언어는 일급 함수를 가졌다고 표현한다. 이 문장을 보고 바로 함수 표현식이 생각났다. 함수 표현식과 함수 선언식의 차이는 안다고 우쭐댔지만 정작 일급객체를 모르는 나..

 

이외에도 다음과 같은 경우를 만족하면 일급 객체라고 부른다. 코드와 함께 살펴보자.

728x90

1. Functions can be assigned to variables: 함수를 변수처럼 선언할 수 있는가?

// 1
const sayMyName = function(name){
	console.log(name);
}

myName("Ted");
👉🏽 Ted

// 2
const sayMyName = (name) => {
	return name
}

console.log(sayMyName("Ted"));
👉🏽 Ted

 

2. Functions can be passed to arguments to other functions: 함수의 인자로 함수를 넣을 수 있는가?

const sayHelloToPerson = (greet, person) => {
	return greet() + " " + person
}

const sayGreet = function(){
	return "Hello,"
}

console.log(sayHelloToPerson(sayGreet, "Ted"));
👉🏽 Hello, Ted

 

3. Functions can be returned from other functions: 함수의 리턴 값으로 함수를 사용 할 수 있는가?

const sayHello = function(){
    return function(greet){
        return greet
    }
}

const sayHelloOuter = sayHello();
const sayHelloInner = sayHelloOuter("Hello");
console.log(sayHelloInner)
👉🏽 Hello

// closure를 사용한 방법
const sayYouAndMe = function(yourName){
    return function(myName){
        return yourName + "과 " + myName;
    }
}

const sayYourName = sayYouAndMe("elon");
const sayMyName = sayYourName("Ted");
console.log(sayMyName);
👉🏽 elon과 Ted

 

reference

1. MDN
2. First Class Functions in JavaScript - Youtube