[Javascript] 자바스크립트의 함수 알기

우선 자바스크립트의 함수를 알기 전에 함수가 무엇인지부터 알아봅시다.

함수(function)란?

• 동작해야 할 목적대로 묶은 명령

함수를 사용하는 이유

• 각 명령의 시작과 끝을 명확하게 구별할 수 있다.
• 묶은 기능에 이름을 붙여서 어디서든 같은 이름으로 명령을 실행할 수 있다.

함수 선언 및 호출

함수 선언(정의)

• 함수가 어떤 명령을 처리할지 미리 알려 주는 것
• 예약어 function을 사용하고 중괄호({}) 안에 실행할 명령을 넣는다.

(기본형) function 함수명(){
  		명령
	}

함수 호출(실행) : 선언한 함수를 사용하는 것

(기본형) 함수명() or 함수명(변수)

함수의 종류

1. 내장함수

자바스크립트에 미리 만들어 놓은 함수
ex) alert(), replace()

2. 사용자 정의 함수

• 말 그대로 사용자가 직접 정의하는 함수 = 내가 사용할려고 만든 함수
• 접근제한자 및 리턴타입을 명시하지 않는다.

ex) 사용자 정의 함수를 선언하고 호출해보겠습니다.

<script>
  // 함수 정의
  function showMessage(){
  	alert("트윅스 스터디 1주차~~");
}
showMessage();	// 함수 호출  	
</script>

3. 매개변수가 있는 함수

매개변수(parameter)란?

• 함수를 선언할 때부터 외부에서 값을 받아 줄 변수
• 매개변수는 선언된 함수 안에서만 사용한다.
• 매개변수를 여러 개 사용할 때는 매개변수 이름 사이에 쉼표(,)를 찍어 나열한다.

선언

function 함수명(매개변수, 매개변수){
  명령
}

매개변수의 기본값 지정하기

function 함수명(매개변수 = 기본값, 매개변수 = 기본값){
  명령
}

4. 반환값(리턴값)이 있는 함수

리턴값 : 함수 실행 후 원래 위치로 돌아갈 때 호출한 곳으로 전달하는 값

• 리턴할 값이 없어도 return문만 사용하여 함수 종료 가능하다.
• 동시에 리턴 가능한 값은 하나이다.

function 함수명(매개변수명){
	명령
    return 반환값;
}