[JavaScript] Functions as Data

 안녕하세요. 동기 여러분! 오늘은 Functions as Data, 함수를 새로운 이름의 변수에 넣어 편리하게 사용하는 방법을 알아보겠습니다!

 

Functions as Data

보통 우리가 코드를 작성하는 일을 할 때, 대부분 많은 사람들이 한 프로젝트에 매달려 코드를 작성합니다. 그렇다면 내가 쓴 코드를 다른 사람이 봤을 때 직관적으로 알아보기 쉽게 하기 위해 주석을 달아줄 수도 있고, 함수 이름에 설명을 적을 수도 있습니다. 하지만 이럴 경우에 함수의 이름이 너무 길어 사용하는데 불편함이 있을 수 있겠죠? 그것을 해결해줄 수 있는 방법이 있습니다.

 

함수 선언 후 그 함수를 변수에 선언

// JavaScript
const thereIsFuctionThatYouNeedToDoItAtFirstBecauseItIsOurPriorityFunction = () => {
	console.log('Show me the moeney')
};

const smtm = thereIsFuctionThatYouNeedToDoItAtFirstBecauseItIsOurPriorityFunction;

smtm();

// 출력 : Show me the money

 

이렇게 아주 기다란 함수를 smtm 변수에 넣어 손쉽게 불러올 수 있습니다. 하지만 우리는 사람인지라 smtm이 무엇이었는지 까먹는 경우가 생기죠? 그럴 때는 이렇게 합니다.

 

그 함수의 이름 찾는 방법

//JavaScript

console.log(smtm.name);

// 출력 : thereIsFuctionThatYouNeedToDoItAtFirstBecauseItIsOurPriorityFunction

console.log(smtm);

// 출력 : [Function: thereIsFuctionThatYouNeedToDoItAtFirstBecauseItIsOurPriorityFunction]

 

두가지 방법이 있는데 첫 번째는 .name 메서드를 사용하여 smtm 변수의 본래 함수 이름을 출력하고, 두 번째는 smtm을 출력하여 smtm의 데이터 타입과 이름을 동시에 출력할 수 있습니다.

 

 

오늘의 느낌

얼마 전에 퀘벡과 몬트리올에 다녀왔는데, 유명한 식당만 찾아서 밥 먹으러 갔었는데 식사가 다 너무 맛이 없어서 실망했습니다. 역시 토론토가 최고인 건가...