[javascript] 애로우 함수와 프로미스

11 Dec 2023

javascript

자바스크립트에서 애로우 함수와 프로미스는 모던 웹 애플리케이션을 만드는 데 필수적인 기능입니다. 이들을 이해하고 사용하는 것은 효율적인 코드 작성과 비동기 작업 처리에 도움이 됩니다.

애로우 함수 (Arrow Function)

애로우 함수는 ES6부터 도입된 새로운 함수 정의 방식입니다. 기존의 함수 표현식보다 간결하고 강력한 기능을 제공합니다.

// 기존의 함수 표현식
function add(a, b) {
  return a + b;
}

// 애로우 함수
const add = (a, b) => a + b;

애로우 함수는 function 키워드가 없고 => 기호로 함수를 정의합니다. 매개변수가 하나인 경우 괄호를 생략할 수 있고, 함수가 단일 표현식을 반환하는 경우 중괄호와 return 키워드도 생략할 수 있습니다.

프로미스 (Promise)

프로미스는 비동기 작업을 처리하기 위한 객체로, 성공 또는 실패와 같은 비동기 작업의 최종 완료 또는 실패 결과를 나타냅니다.

const fetchData = () => {
  return new Promise((resolve, reject) => {
    // 비동기 작업 수행
    if (작업 완료) {
      resolve(결과);
    } else {
      reject(에러);
    }
  });
};

fetchData()
  .then(data => {
    // 성공 시 처리
  })
  .catch(error => {
    // 실패 시 처리
  });

프로미스는 resolve와 reject를 인수로 받는 생성자 함수를 사용하여 생성됩니다. 프로미스를 반환하고 나중에 .then() 및 .catch() 메서드를 사용하여 성공과 실패 시의 동작을 정의할 수 있습니다.

애로우 함수와 프로미스는 모던 자바스크립트의 핵심 요소이며, 이를 잘 활용하면 더 효율적이고 가독성이 좋은 코드를 작성할 수 있습니다.

참고 자료: