함수(Function)에 관하여

이상철·2021년 7월 30일
0

JavaScript

목록 보기
2/12
post-thumbnail

함수(Function)란..?

함수는 어떤 동작을 대신 수행해주는 대상이지만 호출하기 전까지는 절대 그 기능을 수행하지 않는다.

함수를 사용하면 좋은점? 필요한 이유가 몇가지 있습니다.

  1. 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복작업을 피할 수 있습니다.
  2. 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로
    전체 코드의 가독성이 좋아집니다.
  3. 기능별(함수별)로 수정이 가능하므로 유지보수가 쉽습니다.

이제 함수를 선언(정의)하고 실행(호출)하는 방법에 대해 알아보겠습니다.

예제에서 보이는 것과 같이 선언(정의)만 한 상태이고
지금은 호출을 하지 않았기에 따로 동작하거나 변하는 내용은 없고,
단순히 자바스크립트에게 "sayHello라는 함수가 있습니다" 라고 말만 해준 상태입니다.

함수를 호출(실행)까지 진행한 상태입니다.
호출(실행)을 하지 않으면 동작을 하지 않으니 꼭 해주셔야 합니다.

함수도 3가지 동작으로 나눌 수가 있는데요

1.오로지 기능만 수행하는 함수2.Output이 있는 함수 (return)


부가적인 설명으로
return을 한 값을 변수에 할당 가능합니다.
ex) let 변수 = sayHello2()
console.log(변수) 값은 예제와 같이 hello code kim 이 출력된다.

3. Input이 있는 함수.

함수 선언(정의)시 입력된 인자를 parameter라고 하며,
함수 호출(실행)시 사용하는 인자값을 argument 라고 합니다.

그래서 함수를 여러개 만들지 않아도 하나의 함수를 만들어놓고 argument 값만 바꾸면 효율적으로 코드를 짤 수 있습니다.

숫자 2개를 받아서 더해주는 함수의 예를 마지막으로 함수파트 마무리하겠습니다.

profile
헤더부터 푸터까지!!!

0개의 댓글