Arrow Function(화살표 함수)

이해용·2022년 4월 5일
0
post-thumbnail

Arrow Function(화살표 함수)

위코드 문제를 풀어보던 중 아래의 정의가 궁금하여 어떤 뜻인지 궁금하여 검색하던 중 아래의 코드는 Arrow Function(화살표 함수)이라는 것을 알게 되어 검색하게 되었습니다.

const helloBot = people => {

}

  • Arrow Function(화살표 함수)는 함수 표현식을 작성하기 위한 짧은 구문을 허용합니다.
    Arrow Function(화살표 함수) JavaScript의 ES6 버전에 도입된 기능 중 하나입니다. 일반 함수에 비해 깔끔한 방식으로 함수를 생성할 수 있습니다.

문법

ES6버전 이전에는 아래처럼 사용했으나,

let x = function(x, y) {
   return x * y;
}
hello = function() {
  return "Hello World!";
}

ES6버전에서는 현재 아래처럼 줄여서 사용 가능합니다.

let x = (x, y) => x * y;
hello = () => {
  return "Hello World!";
}

두 번째 소스코드에서 더 줄이면 return도 기재하지 않고 함수를 나타낼 수 있습니다. (단, 본문이 단일문이어야지만 가능합니다.)

hello = () => "Hello World!";

문법 설명

let myFunction = (arg1, arg2, ...argN) => {
    statement(s)
}

myFunction 은 함수의 이름.
arg1, arg2, ...argN 은 함수의 인수.
statement(s) 는 함수의 본문(body)

예시1

let greeting = () => console.log('Hello, World!');
greeting(); // Hello, World!

예시2

let addition = (x, y) => {
    let answer = x + y;
    return answer;
}

let sum = addition(2, 5);
console.log(sum); // 7

출처 및 참고

https://www.programiz.com/javascript/arrow-function
https://www.w3schools.com/js/js_versions.asp
https://www.w3schools.com/js/js_arrow_function.asp

profile
프론트엔드 개발자입니다.

0개의 댓글