개발_TIL | 2022-07-25 (67)

📌 Function

What is Function

1. 함수의 역할

• 사용자가 사용하고, 개발자가 개발하는 프로그램들은 저마다 고유한 기능들이 있고, 기능을 수행하는 함수들이 있음
• 절차적 언어에는 함수가 프로그램에서 굉장히 중요한 부분을 담당한다
• javascript는 oop(객체지향 프로그래밍) 언어가 아니지만 가짜로 function을 중요하게 수행해 낸다.
• 함수는 Input을 받아서 처리한뒤 Output을 돌려준다.

1. 함수의 정의

• 함수는 프로그램을 구성하는 근본적인 빌딩 블럭이다
  • 하나의 설계된 함수는 여러 번 재사용할 수 있다
  • 하나의 태스크를 수행하거나 계산하기 위해 만들어진다
  • → 하나의 함수는 하나의 기능만을 담는 것이 좋다!

Function Declaration

• 함수를 선언하기 위해서는 function 함수이름(파라미터1, 파라미터2..) { 내용.. 리턴; } 과 같은 방식을 사용한다
• 함수의 이름은 어떤 행위를 수행하는 것인지 동사로 네이밍해주는 것이 좋다
• 이름이 잘 지어지지 않는다면, 하나의 기능을 과연 수행하고 있었는지 고민해봅시다
• Javascript에서 function은 오브젝트 형식이다.
  • 함수를 변수에 할당 가능
  • 함수를 파라미터에 할당 가능
  • 함수를 리턴할 수 있음
• 함수를 선언하고, 함수이름() 형식으로 함수를 호출할 수 있다

function printLog(message) {
    console.log(message)
}
log('Hello@');

Parameter

• 함수를 전달하는 파라미터는 primitive 혹은 object 타입이 들어갈 수 있다.
  • primitive 타입의 경우 : value가 전달됨(정수, 문자)
  • object 타입의 경우 : reference가 전달됨
    • 함수 안에서 오브젝트 내부의 값이 변경되면 같이 변경됨

function changeName(obj) {
    obj.name ='coder';
}
const ellie = {name: 'ellie'};
changeName(ellie);
console.log(ellie);

Default Parameter

• 함수에서 파라미터가 전달되지 않을 경우를 대비한 방법
• 파라미터=’디폴트값’ 으로 초기화를 해두면 값이 없을 때, 이 디폴트 값을 사용
• 디폴트 값을 사용할 경우는 일반적 상황에서 그냥 지나칠 수도 있는 파라미터 이거나, 특수한 케이스를 대비한 셈이다

function 불고기버거(주문, 소스='불고기소스'){
    console.log('오더 들어왔어요', 주문, 소스);
}
불고기버거('1개', '케첩');

Rest Parameter

• 입력한 값을 배열 형태로 묶어주는 방식의 파라미터
• …args 형태로 파라미터를 작성한다
• 입력한 값을 배열(리스트)로 묶어서 사용하게 될 경우에 작성한다

function 조립_햄버거(...속재료){
    console.log("참깨빵 위에");
    for (i=0; i<속재료.length; i++) {
        // i = 0일때, 
        console.log(속재료[i]);    
    }
    console.log("따란딴딴딴!"):
}
조립_햄버거('순쇠고기 패티 두 장', '특별한 소스', '양상추', '치즈', '피클', '양파까지')