자바스크립트 ES6 arrow

ES6 arrow function

화살표 함수

// es5
var es5 = function(one, two){
  return one + two;
}
var sum = es5(1, 2);
console.log(sum); // 3

// es6
let es6 = (one, two) => {
  return one + two;
};
let result = es6(1, 2);
console.log(result);  // 3

// 한줄
let get = value => value + 10;
let result = get(20);
console.log(result); // 30

// 파라미터 없는 경우
let noParam = () => 3 + 4;
let result = noParam();
console.log(result); // 7

let sports = () => {};
let result = sports();
console.log(result); // undefined


let get = param => ({sports: "축구"});
let result = get();
console.log(result);  // {sprots: '축구'}


button.addEventListener('click', () => {
  console.log(this === window); // => true
  console.log(this === button); // => false
});

button.addEventListener('click', function() {
  console.log(this === window); // => false
  console.log(this === button); // => true
});

reference