Function

Yeonn·2023년 5월 4일
0

JavaScript

목록 보기
4/23
post-thumbnail

01 function 함수

함수는 하나의 특정한 작업을 수행하도록 설계된 독립적인 코드 블록이다. 함수는 정의를 통해 생성한다. 함수는 항상 내부에서 return 값을 반환하는데, return 값을 지정해주지 않을 경우, 출력값으로 undefined가 반환된다.

함수는 정의 후 호출을 통해 실행하면 parameter(매개변수)argument(인자, 인수)를 받아 함수 내부의 기능을 수행한 뒤 return값을 반환한다.

  • parameter(매개변수) : 외부로부터 들어오는 값을 담아 함수 내부에서 사용하도록 하는 변수의 역할
  • argument(인자,인수) : 실제로 함수가 호출될 때 넘기는 변수의 값

02 함수 정의하기

01 함수 선언식

함수 선언문은 함수의 이름을 생략할 수 없다.

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

02 함수 표현식

변수를 선언하고 그 변수에 익명 함수를 할당하는 방법이다.

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

03 화살표 함수

함수 표현식을 화살표 함수로 간단하게 표현하는 방법이다. 화살표 함수는 항상 익명 함수로 정의한다.

const add = (x,y) => x+y;

화살표 함수 특징

  • 함수의 body에 return문만 있는 경우, return중괄호{}를 생략 가능하다. 이때 생략은 같이 이뤄져야 하고, 둘 중 하나만 생략 시 undefined가 반환된다.
  • 매개변수가 하나일 경우 소괄호()를 생략 가능하다.
  • 함수 내의 표현식이 2줄 이상인 경우, return중괄화{}를 생략하지 않는 것이 좋다.

✅함수는 한번 만들어 놓으면 계속해서 재사용을 할 수 있다는 이점이 있다. 이는 코드의 중복을 줄이고 재사용성을 높이는 유지보수의 편의성과 코드의 신뢰성이 올라가게 한다.

0개의 댓글