Javascript

function 2. 함수정의 방식(화살표 함수)

breeghty 2023. 2. 2. 12:44

ES6에서 도입된 화살표 함수는 function 키워드 대신 화살표 (=>)를 사용해 좀 더 간략한 방법으로 함수를 선언할 수 있다. 화살표 함수는 항상 익명 함수로 정의한다.

 

const add = (x, y) => x + y;
console.log(add(2,5));
  • 화살표 함수는 기존 함수보다 표현만 간략한 것이 아니라, 내부 동작 또한 간략화되어 있다.
  • 화살표 함수는 생성자 함수로 사용할 수 없다.
  • 기존함수와 this 바인딩 방식이 다르다. 
  • prototype 프로퍼티가 없으며 arguments 객체를 생성하지 않는다.
// 화살표 함수 예시

const add = (x, y) => x + y;

let sayHello = name => `Hello! ${name}!`;

let showError = () => { alert("에러입니다.");}

//인수가 없을 때 () 생략 X