본문 바로가기
FrontEnd/JavaScript

[JavaScript] 자바스크립트의 함수 만드는 방법 3가지(Feat. 화살표 함수 표현식)

by ryuneng 2025. 1. 19.
반응형

📌 함수 만드는 방법 3가지

1. 이름 있는 함수

function fan(a, b, c) {
	// 수행문;
}

2. 익명함수 만들어서 변수에 저장

let fn = function(a, b, c) {
	// 수행문;
}

3. 화살표 함수 표현식으로 만들어서 변수에 저장

  • 왼쪽 매개변수 => 오른쪽 구현내용
  • 매개변수가 1개일 때는 괄호 생략 가능
    * 매개변수 0개일 때도 빈 괄호 ()는 작성해야 함

1) 수행문이 1개일 때

  • return 생략 가능, 실행결과가 곧 반환값
let fn = (x) => x + 10;

2) 수행문이 2개 이상일 때

let fn = (a, b, c) => {
	// 수행문;
	return a + b + c;
}

 


< 해당 글은 velog에서 이전하며 옮겨온 글로, 가독성이 좋지 않을 수 있는 점 양해 부탁드립니다. >

🔗 velog 버전 보기 : https://velog.io/@ryuneng2/JavaScript-함수-만드는-방법-3가지