본문 바로가기

FE/js

ES6 - 화살표 함수 (Arrow Function)

화살표 함수 (Arrow Function)


기존의 함수 정의 방식
var a = function() {
    console.log('test');
}

화살표 함수를 이용한 함수 정의

var a = () => {
    //...
};

화살표 함수 사용 예시

// 화살표 함수를 이용한 함수 정의
var a = () => console.log('test'); // {} 필요 없음
a();

var b = () => { // 여러줄 일 때는 {} 사용
  var name = 'gy ';
  var age = 26;
  return name + age;
};
console.log(b()); //gy26

var c = (name, age) => { // 인자가 있을 때
  console.log(name, age);
};
c('gy', 26); //gy26

var d = name => { // 인자가 하나일 때 () 생략 가능
  console.log(name);
};
d('gy'); //gy


'FE > js' 카테고리의 다른 글

ES6 - 스프레드 오퍼레이터  (0) 2018.09.03
ES6 - 향상된 객체 리터럴  (0) 2018.08.30
ES6 - const & let  (2) 2018.08.28