자바스크립트 함수

JavaScript · 2021. 5. 24. 00:08

이름 짓기

  • get, check, show, Is, 등의 접두어를 활용해 함수의 목적을 명시적으로 나타낼 수 있다. 좋은 함수명은 주석의 역할을 대신한다.

작성법

  • 함수 표현식
const getRectangleArea = function (width, height) {
  return width * height;
  };
  • 함수 선언식
function getRectangleArea(width, height) {
  return width * height;
  };
  • 화살표 함수
const getRectangleArea = (width, height) => {
  return width * height;
  };
  • parameter(매개변수): 함수 내부와 외부의 값을 매개하는 변수.
    • 함수 내부에서는 매개변수를 통해 전달받은 외부 값(=인자)을 복사해 사용한다.
    • 매개변수의 기본값을 할당 연산자('=')를 사용해 미리 설정해둘 수 있다.
  • argument(인자): 함수 호출 시에 매개변수 자리에 전달하는 값. 매개변수는 함수의 평가 과정에서 전달 인자로 변환된다.
    즉, 위 함수에서 매개변수는 width와 height이고 getRectangleArea(3, 4);와 같이 호출할 경우 3과 4가 인자가 된다.
  • return: 함수를 종료시키는 역할을 하므로, return;처럼 반환값 없이 사용해 코드 중첩을 줄이고 가독성을 높일 수도 있다.

참고:
코드스테이츠 유어클래스

코어 자바스크립트 - 함수