함수(Function) (1) - 선언, 호출, 매개변수, 인자, return

자바스크립트의 핵심은 함수에 있다해도 과언이 아니다. 

함수는 중복되는 코드를 하나로 만들고, 필요할 때마다 재사용(reusable)이 가능한 코드이다. 

 

함수 선언 및 호출

함수 식별자는 해당 함수가 어떤 것인지 보기 좋게 이름 짓는 것이 좋다. 

 

함수 매개변수(Parameter) 및 인자(Argument)

함수에는 매개변수(Parameter), 인자(Argument)가 있다.

매개변수는 함수를 선언할 때 주는 값이고, 인자는 함수를 호출할때 입력하는 실제 값이다. 

function addFunc(a, b){
	console.log(a + b);
}

addFunc(3, 7); // output: 10

인자에 입력하는 값은 또 다른 변 수 일 수도 있다. 위의 함수를 아래와 같이 사용할 수도 있다. 

var x = 3;
var y = 7;

function addFunc(a, b){
	console.log(a + b);
}

addFunc(x, y); // output: 10

이 외, 함수 선언 시 매개변수가 있지만 함수 호출때 입력하지 않을 경우 undefined가 뜰 수 있기 때문에 이를 방지하기 위해 기본 매개변수의 값을 설정할 수 있다. 

function sayHello(name = 'Kim') {
	console.log(`Hello, ${name}!`);
}

sayHello('Martin'); // output: Hello, Martin!
sayHello(); // output: Hello, Kim!

 

Return

함수의 return은 함수 자체에 값을 넣고자 할 때 사용된다. 

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

addFunc(3, 7); // output: 10

하나의 함수에는 하나의 return만 존재하며, return이 나오면 함수는 자동적으로 종료된다. 하지만 if문이나 반복문안에 return이 중복될 수 있다. 

function addFunc(a, b) {
	if (a < 0 || b < 0) {
		return 'a와 b모두 0보다 큰 숫자를 입력해주세요.';
	}
    return a + b;
}