[JavaScript] 함수 (Function, return)

함수 : 특정 작업을 수행하도록 여러개의 실행코드 구문들을 하나로 묶어놓은 블럭이다.

한번 짜 놓은 함수는 다른 곳에서도 다시 사용할 수 있고 코드를 구조적으로 만들 수 있어서 함수를 사용한다. (기능별로 함수를 묶어놓아 효율적이고 간결한 코드작성 할 수 있음)

 

 

함수 정의

function myFunction(p1, p2) {
  return p1 * p2;   // The function returns the product of p1 and p2
}

JavaScript 함수는 function키워드, 이름 , 괄호 () 순으로 정의된다.

함수 이름에는 문자, 숫자, 밑줄 및 달러 기호가 포함될 수 있다. (변수 네이밍과 동일함)

 

( parameter1, parameter2, ... )

함수에 의해 실행될 코드는 중괄호 안에 배치된다.

 

 

 

함수 호출

functionname(p1, p2)

함수가 호출되는 상황

• 이벤트 발생시 (사용자가 버튼 클릭시)
• JavaScript 코드에서 호출 (호출)되는 경우
• 자동 (자체 호출)

function sum(a, b){
  return a + b;
}
console.log(sum(3,5));

sum 함수를 만들었고 이 함수에는 입력 값으로 매개변수 a와 b가 입력된다.

a와 b 값이 입력되어 함수가 실행되면 아래 줄에 있는 코드를 실행하라는 뜻이 되며

return은 그 값을 함수 이름(sum)에 대입한다는 의미(반환)가 된다.

 

console.log(sum(3,5));를 입력하니 sum함수에 3과 5가 입력되었고

그 결과가 return값으로 반환되어 8의 결과가 나왔다.