본문 바로가기
자바스크립트(javascript)/개념

function의 정의와 종류 - 자바스크립트 함수

by Doo Hee 2023. 8. 24.
Document

📝정리

1. 함수의 정의

함수는 2가지 방법으로 정의할 수 있다. 

  • function 키워드를 바로 사용하여 함수를 정의
  • 변수에 함수를 담아서 정의
function 함수명(파라미터) {
  // 실행할 코드;
}
sum(인자);

const 함수명 = function (파라미터) {
  // 실행할 코드;
};
sum2(인자);

// 예시
function sum(a) {
  console.log(a + 2);
}
sum(2); // 4출력

const sum2 = function (a) {
  console.log(a + 2);
};
sum2(2); // 4출력

 

 

2. parameter와 arguments

  • parameter: 함수에서 입력받는 값에 대한 정의
  • arguments: 실제 입력하는 값

3. arrow 함수

함수 모양이 화살같아서 arrow 함수라고 말하는 것 같다. 일반 함수의 선언과 달리 생략이 가능한 경우가 있어 간단하게 표현할 수 있다.

  • 파라미터가 한개일 경우 괄호( )를 생략할 수 있다.
  • 결과코드가 하나의 statement일 경우 생략할 수 있다.
const 함수명 = (파라미터) => {
  // 실행할 코드
};
let 변수명 = 함수명(인자); 
console.log(변수명) // 함수 호출

// 예시
let sum = (x) => {
  return x + 2;
};
const result = sum(40);
console.log(result);

const sum = x => x + 2; // 위의 함수와 같은 함수