[JavaScript] 함수

반응형

함수

 같거나 비슷한 동작들을 여러번 사용해야 할 때 하나의 코드를 만든 후 재사용 하는 것이 좋다.

 유지와 보수에 용하기 때문이다.

 아래는 함수를 작성하는 방법이다.

function autograph(celebrity) {
	console.log(`잘 먹고 갑니다. -${celebrity}-`);
}
autograph('메시');

 

 - autograph : 함수 이름

 - ( ) : 매개변수, 여러개일 경우 , 로 구분,(생략가능)

 - { } : 샐행코드

 - autograph( ) : 함수 호출, (매개변수 기입)

 

 함수를 한번 만들고 매개변수를 바꿔가며 호출만 하면 같은 내용의 코드를 재사용 할 수 있다.

function autograph(celebrity) {
	console.log(`잘 먹고 갑니다. -${celebrity}-`);
}
autograph('메시');
autograph('칸예');
autograph('김하성');

 

 매개변수를 기입하지 않고 함수를 호출할 때 기본값을 설정할 수 있다.

function autograph(celebrity = '익명') {
	console.log(`잘 먹고 갑니다. -${celebrity}-`);
}
autograph('메시');
autograph('칸예');
autograph('김하성');
autograph();

 

 return

 return을 사용해서 값을 반환하는 함수를 만들 수 있다.

 return을 사용하지 않거나 아무것도 return하지 않으면 undefined를 반환한다.

 return은 값을 반환한 뒤 함수를 종료한다.

a = prompt('제곱할 숫자를 입력하세요');
b = prompt('몇제곱 할까요?');

function square(num1,num2) {
	return num1 ** num2;
}

result = square(a,b);
console.log(`${a}의 ${b}제곱은 ${result}입니다.`);

 

Tip

 - 한번에 한 작업만 하는것이 좋다. 하나의 함수가 여러개의 작업을 한다면 함수를 잘게 나누자.

 - 함수의 이름은 읽기 쉽고 어떤 작업을 하는지 알 수 있게 한다.