TIL 9 | Javascript_객체 : 함수

함수 기본

1) 함수 정의

함수 (function)란 일정한 동작을 수행하는 코드를 의미한다. 함수를 미리 만들어두고 원할 때 실행해 정해진 동작을 수행할 수 있다.

함수는 아래와 같이 세가지로 표시할 수 있다.

function a() {}    (*뒤에 ;이 없다. 함수 선언문(function declaration statement) 라고 한다 )
const b = function() {}; (함수 표현식 (function expression))
const c = () => {}; (화살표 함수)

2) 함수 선언

변수와 마찬가지로 함수를 만드는 행위도 **선언한다 (declaration)라고 표현한다.

function a() {}
a();

함수 a 선언 후 뒤에 ()를 붙이면 함수가 실행된다.
지금까지 console.log나 parseInt의 경우 명령어 뒤에 ()를 붙였었는데 이는 바로 console.log 나 parseInt 모두 함수이기 때문이다.

function a() {
  concole.log('Hello');
  console.log('Function');
}
a();

실행결과
Hello
Function

3) 함수 return

함수 안에는 또 다른 함수가 들어갈 수도 있고, if문도 들어갈 수도 있다.
아래 예제에서 if문에 return이 들어간 경우를 보고 return의 다른 기능을 살펴보자.

그것은 바로 함수의 실행을 중간에 멈추는 역할이다.

예상대로라면 return은 undefined과 hi Moon을 '반환'해야 하는데,
return은 undefined로 '반환'하면서 그대로 종료시켜 버린다.
return이 있으면 그 값만 반환하고 그 뒤의 식은 실행이 되지 않고 꺼져 버린다.

4) 반환값 undefined

항상 함수 동작문 끝에는 return undefined가 있다고 생각해야 한다.

function a() {}

// 위 아래는 동일함

function a() {
  return undefined;
}

반환값도 값이므로 다른 식이나 문에 넣어 사용할 수 있다.

function a() {
  return 10;    
}               //undefined가 반환됨
const b = a();
console.log(b);

실행결과
10

만약 해당 함수 값 리턴할 때, 하나가 아닌 여러 숫자를 받고 싶다면?

return () <-이 안에 숫자를 나열하면 되지않을까?

하지만 결과는 1과 5가 아닌 마지막 5만 나오게 된다.
결국 이것을 나열이라고 인식하지 못한 것이다.

정답은 우리가 이전에 나열할 때 사용 했던 []을 사용하는 것!

TADA!