[JS] 8-1. 함수

✅함수란 ?

특정 작업을 수행하는 명령어들의 모음을 의미한다. 쉽게 말해서 코드 덩어리이다. 함수는 코드의 재사용성을 높여주기 위해 사용한다. 예를 들어 어떤 기능을 하는 100줄의 코드가 있다고 해보자. 그 코드를 함수로 만들지 않는다면 그 기능을 사용하는 부분마다 100줄의 코드를 작성해야 할 것이다. 그렇게 되면 코드의 가독성이 떨어지고 불필요한 메모리 사용량이 많아진다. 따라서 함수를 사용하는 것이다. Javascript의 함수는 다른 언어에서와는 달리 하나의 타입으로 정의되기 때문에 변수에 대입하는 것이 가능하다.

 

 

➰함수의 정의

function키워드를 붙여서 선언한다. 함수는 함수 이름, 매개변수, 실행문을 가지고 있다. 함수 선언 코드는 아래와 같이 작성한다.

function 함수 이름(매개변수1, 매개변수2 ... ){
	실행문
}

 

 

함수를 실행할 때는 함수 이름(); 코드로 실행한다. 예시는 다음과 같다.

function mul(a, b){
	console.log(a * b);
}

mul(1,2); // console에 2 띄워줌

 

 

➰함수의 값 반환(return)

return키워드를 사용하면 함수의 호출을 통해 특정 값을 반환할 수 있도록 함수를 선언할 수도 있다. return문이 없어도 문법적 오류는 없으며, return값은 기본적으로 하나이다. 코드 예시는 다음과 같다.

function mul(a, b){
	return a * b;
}

let answer = mul(1,2); // answer === 2

 

 

반환 값으로는 여러 가지 타입을 반환할 수도 있다. 위에서는 숫자를 반환했지만, 문자열, 객체 등을 반환하는 것 또한 가능하다. 코드 예시는 다음과 같다.

function con(a, b){
    return a + b;
}

let answer = con("물만두", " 맛있다"); // answer === 물만두 맛있다

 

 

➰함수를 하나의 값으로 사용하기

함수를 변수에 저장하면 함수 자체를 변수, 즉 하나의 값으로 사용할 수 있다. 코드 예시는 다음과 같다.

function con(a, b){
    return a + b;
}

let cat = con;
console.log(cat("물만두", " 맛있다")); // console에 "물만두 맛있다" 출력