Vue.js 에서 ES6 사용하기 (2) Arrow Function - 화살표 함수

axios·2020년 5월 7일
0

Vue.JS

목록 보기
3/6
post-thumbnail
  • ES6의 여러가지 문법들 중에서도 Vue.js 사용을 편하게 해주는
    -const & let, Arrow Function, Enhanced Object Literals, Modules 사용해보기.

  • Arrow Function - 화살표 함수
    -함수를 정의할 때 function 키워드를 사용하지않고 => 로 사용한다.
    -흔히 사용하는 콜백 함수의 문법을 간결하게 해준다.

    //ES5
    var sum = function(a, b) {
    return a + b;
    });
    //ES6
    var sum = (a, b) => {
    return a + b;
    }
    sum(10, 20);

  • 사용 예시

    var arr = ["a", "b", "c"];
    arr.forEach(value => console.log(value)); // a, b, c

profile
하고싶은거 많은 주니어 개발자

0개의 댓글