화살표 함수
Coddy JavaScript 여정의 기초 섹션에 포함된 레슨 — 77개 중 51번째.
화살표 함수는 JavaScript에서 함수를 작성하는 더 짧은 방법을 제공합니다. 특히 짧고 단순한 함수에 유용합니다.
화살표 함수 표현식은 함수 표현식에 비해 구문이 짧으며 this, arguments, super 또는 new.target 키워드에 대한 자체 바인딩을 갖지 않습니다. 화살표 함수는 항상 익명입니다.
화살표 함수의 기본 구문은 다음과 같습니다:
(param1, param2) => {
// 함수 본문
// ...
return value; // 선택적 반환 문
}함수에 매개변수가 하나만 있는 경우, 매개변수 목록을 둘러싼 괄호를 생략할 수 있습니다. 함수 본문에 표현식이 하나만 있는 경우, 중괄호와 return 키워드를 생략할 수 있습니다. 표현식의 결과가 암시적으로 반환됩니다.
다음은 전통적인 함수 표현식의 예입니다:
let add = function(a, b) {
return a + b;
};다음은 화살표 함수로 작성된 동일한 함수입니다:
let add = (a, b) => a + b;이 예제에서는 매개변수가 두 개이므로 매개변수를 둘러싼 괄호가 유지됩니다. 함수 본문에 표현식이 하나만 있기 때문에 중괄호와 return 키워드는 생략됩니다.
매개변수가 없는 또 다른 예제입니다:
let greet = () => console.log("Hello!");
greet(); // 출력: Hello!이 경우, 빈 괄호 쌍은 함수에 매개변수가 없음을 나타내기 위해 사용됩니다.
화살표 함수는 짧은 함수를 다른 함수의 인수로 전달해야 할 때 자주 사용됩니다.
챌린지
쉬움두 개의 매개변수 weight(킬로그램 단위)와 height(미터 단위)를 받아 체질량 지수(BMI)를 반환하는 calculateBMI라는 이름의 화살표 함수를 만드세요. BMI 공식은 weight / (height * height)입니다.
예시:
console.log(calculateBMI(70, 1.75)); // 출력: 22.857142857142858
console.log(calculateBMI(80, 1.8)); // 출력: 24.691358024691358치트 시트
화살표 함수는 JavaScript에서 함수를 작성하기 위한 더 짧은 구문을 제공합니다. 이들은 항상 익명이며 자체적인 this 바인딩을 가지지 않습니다.
기본 구문:
(param1, param2) => {
// 함수 본문
return value;
}단일 표현식의 경우, 중괄호와 return을 생략할 수 있습니다:
let add = (a, b) => a + b;매개변수가 하나인 경우, 괄호는 선택 사항입니다:
let square = x => x * x;매개변수가 없는 경우, 빈 괄호를 사용합니다:
let greet = () => console.log("Hello!");직접 해보기
// 아래에 코드를 입력하세요
// 아래 줄을 변경하지 마세요
console.log(calculateBMI(70, 1.75));
console.log(calculateBMI(80, 1.8));
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
