lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

lesson15Title

lesson16Title

webIntroJsChapter2Title

webIntroJsChapter1Title

webIntroJsChapter3Title

lesson17Title

webIntroJsChapter4Title

// a와 b 중 큰 값을 반환하는 화살표 함수
const getMax = (a, b) => {
  if (a > b) {
    return a;
  } else {
    return b;
  }
};

const max = getMax(3, 10) // getMax 함수 호출
console.log('max:', max) // max: 10

# 화살표 함수(Arrow Functions)

화살표 함수를 사용하면 함수를 더 간결하게 표현할 수 있습니다.

화살표 함수는 함수를 정의할 때 `function` 키워드 대신 화살표(`=>`) 기호를 사용하여 함수를 작성합니다.

 

```javascript title="화살표 함수의 기본 구조"
const functionName = (parameter1, parameter2) => {
 // 함수 내용
};
```

 

```javascript title="화살표 함수 예시"
const add = (a, b) => a + b;

console.log(add(1, 2)); // 3 출력
```

 

화살표 함수를 사용하면 기존 함수보다 간단하게 코드를 작성할 수 있습니다.

```javascript title="기존 함수와 화살표 함수 비교"
// 기존 함수
const sayHello = function (name) {
 return '안녕하세요, ' + name + '!';
};

// 화살표 함수
const sayHello = (name) => '안녕하세요, ' + name + '!';
```

 

## 화살표 함수의 예시

화살표 함수를 사용하여 다음과 같이 함수를 작성할 수 있습니다.

 

### 매개변수가 없는 경우

괄호를 사용해서 매개변수를 생략할 수 있습니다.

```javascript title="매개변수가 없는 화살표 함수"
const greet = () => '안녕하세요!';
```

 

### 매개변수가 하나인 경우

매개변수가 하나인 경우 괄호를 생략할 수 있습니다.

```javascript title="매개변수가 하나인 화살표 함수"
const double = x => x * 2;
```

 

### 매개변수가 둘 이상인 경우

다음과 같이 쉼표로 구분하여 매개변수를 나열합니다.

```javascript title="매개변수가 2개 이상인 화살표 함수"
const add = (a, b) => a + b;
```

화살표 함수는 `function` 키워드 대신 `=>`를 사용하여 함수를 정의합니다. 이렇게 하면 코드가 더 간결해지고 가독성이 좋아집니다.

### 다음 중 빈칸에 들어갈 가장 적절한 것은 무엇일까요?