자바스크립트 | 레츠기릿 자바스크립트 14 함수

함수(function)

---

함수는 일정한 동작을 수행하는 코드를 의미한다.

함수를 미리 만들어 놓고 원할 때 실행해 정해진 동작을 수행할 수 있다.

함수를 만들 때는 보통 function 예약어를 사용하거나 =>(화살표) 기호를 사용한다.

화살표 기호를 사용한 함수를 화살표함수(arrow function)이라고 한다.

 

반복되는 작업을 함수로 만들어서 호출하기만하면 되기 때문에 코드량을 줄일 수 있다.

 

형식

function() {}
//또는
() => {}

 

함수에 이름을 붙여야한다.

function a(){}
const b = function(){}
const c = () => {}

 

• 함수  선언문(function declaration statment)

함수를 상수(consct)에 대입하는 대신 function 키워드 뒤에 함수 이름을 넣어주는 방식

 

• 함수 표현식(function expression)

함수 b와 같이 상수나 변수에 대입하는 방식 

 

return

함수를 호출하면 항상 결괏값이 나오는데, 기본값으로 undefined 가 나온다.

이 값을 반환값(return value)라고 한다.

반환값을 직접 정할 수도 있다. return 문을 추가하면된다.

return은 함수를 종료시킨다.

 

function a(){
  return 10;
}

 

• return 값으 여러개 하고 싶다면?

배열에 넣으면 된다.

function a(){
  return[1, 5];
}

 

 

매개변수(Parametior) 와 인수(Argument)

---

 

'argument' 문자열은 함수 a를 선언할 때 소괄호에 넣은 parameter와 연결된다.

따라서 parameter는 'argument'의 값을 가진다.

parameter = 'argument' 와 같고 실제로는 parameter는 변수와 같은 특성을 가진다.

function a(parameter){
  console.log(parameter);
}

a('argument');

// 실행결과
argument

 

인수(인자)값을 여러개 받을 수 도 있다.

function add(x, y){
  return x + y;
}

add(5, 3)

// 실행 결과
8