Guidelines
Practice
화살표 함수(Arrow Functions)
화살표 함수를 사용하면 함수를 더 간결하게 표현할 수 있습니다.
화살표 함수는 함수를 정의할 때 function
키워드 대신 화살표(=>
) 기호를 사용하여 함수를 작성합니다.
화살표 함수의 기본 구조
const functionName = (parameter1, parameter2) => { // 함수 내용 };
화살표 함수 예시
const add = (a, b) => a + b; console.log(add(1, 2)); // 3 출력
화살표 함수의 장점
- 기존 함수보다 간단하게 코드를 작성할 수 있습니다.
기존 함수와 화살표 함수 비교
// 기존 함수 const sayHello = function (name) { return '안녕하세요, ' + name + '!'; }; // 화살표 함수 const sayHello = (name) => '안녕하세요, ' + name + '!';
화살표 함수의 예시
매개변수가 없는 경우: 괄호를 사용해서 매개변수를 생략할 수 있습니다.
매개변수가 없는 화살표 함수
const greet = () => '안녕하세요!';
매개변수가 하나인 경우: 괄호를 생략할 수 있습니다
매개변수가 하나인 화살표 함수
const double = x => x * 2;
매개변수가 둘 이상인 경우: 괄호를 반드시 사용해야 합니다.
매개변수가 2개 이상인 화살표 함수
const add = (a, b) => a + b;
함수의 본문이 여러 줄인 경우: 중괄호({ })
를 사용하고, 값을 반환하려면 return
을 명시합니다.
함수의 본문이 여러 줄인 화살표 함수
const getMax = (a, b) => { if (a > b) { return a; } else { return b; } };
Guidelines
AI Tutor
Publish
Design
Upload
Notes
Favorites
Help