[JS] 3. 함수

1. 함수를 사용하는 이유

- 한번 함수를 구현해 놓으면 함수만 수정해주면 되므로 유지보수에 용이하다.

- 반복되는 코드를 함수로 만들어 놓으면 코드가 간결해진다.

- 함수의 이름을 잘 정의해 놓으면 어떤 동작을 하는지 대략적으로 알 수 있게 해주며,

같은 함수를 써놓은 코드는 논리적으로 코드가 같다는 것을 알 수 있게 해준다.

2. 함수 선언(Function declarations)

- 함수 선언은 지정된 매개 변수(parameter)를 사용하여 함수를 정의한다.

- 자바스크립트에서의 함수 선언은 그 선언을 둘러싼 함수의 최상부나 전역 범위(global scope)으로 할당된다(hoisted).

즉, 함수 선언 전에 함수를 사용할 수 있다. (*함수 표현식은 먼저 선언해야 하는 차이가 있다.)

// Syntax
function name(param0) {
  statements ;
}

function name(param0, param1) {
  statements ; 
}

function name(param0, param1, /* … ,*/ paramN) {
  statements ; // // param(optional)은 engine에 따라 최대개수가 다름
}

 

- 기본적으로 함수는 undefined를 반환하므로, 함수의 결과로써 반환값을 얻고싶을 때는 return문을 사용한다.

function cal(left,right) {
  return left * right ;
}

console.log(cal(3,4));
	// Expected output : 12

3. 함수 표현식(Function expression)

- 표현식 내부에 함수가 정의되는 것이 함수 표현식이다.

// Syntax
const 함수명 = function(param) {
  statements ;	// param(optional)
}

---

이 글은 부스트코스[자바스크립트의 시작_생활코딩] 강의 수강 후 개인 공부용으로 작성한 글입니다.

 

 

참고)

MDN