JavaScript for in & arrow function

1. for in 반복문

• object 자료 다룰때 쓰는 반복문

var obj = { name : 'kim', age : 20 }

for (var key in obj){
  console.log('안녕')
}

• 콘솔창에 안녕이 2번 출력됨

var obj = { name : 'kim', age : 20 }

for (var key in obj){
  console.log(key)
}

• name하고 age가 출력됨
• key 말고 실제 자료인 value를 출력하고 싶으면
  console.log(obj[key])

---

2. arrow function

let 함수 = function(){ console.log('안녕') }
let 함수 = () => { console.log('안녕') }

• 그냥 함수와 arrow function의 기능차이는 하나가 있는데 함수 안에서 this를 써야할 경우 그냥 함수는 함수 안에서 this를 알맞게 재정의해줍니다.
• arrow function은 함수 안에서 this를 재정의해주지 않고 바깥에 있던 this를 그대로 씁니다. 그래서 이벤트리스너 콜백함수안에서 this를 써야하면 arrow function 쓰면 의도와 다르게 동작할 수도 있습니다.