*이 포스트는 코딩애플 강의를 보고 공부한 내용을 복습하고자 정리했습니다.
let 함수 = (a) => {return a + 10}`
let 함수 = a => {return a + 10}`
let 함수 = (a) => a + 10;
let 함수 = (a) => console.log(a);
let arr = [1, 2, 3, 4];
arr.forEach(function (a) {
console.log(a);
})
//fucntion을 제거하고 축약할 수 있다
arr.forEach((a) => {
console.log(a);
})
//소괄호,중괄호,function을 제거하고 축약할 수 있다...
arr.forEach((a) => console.log(a));
document.querySelector("btn").addEventListener("click", function (e) {
e.currentTarget;
});
document.querySelector("btn").addEnentListener("click", (e) => {
this;
});
일반 이벤트리스너에서 this == e.currentTarget
arrow function 이벤트리스너에선 this == 바깥의 this값
바깥에 있던 this값을 내부에서 그대로 사용한다.
let 오브젝트 = {
함수: function () {
this; //메소드 안에서 this를 쓰면 그 함수를 가지고 있는 오브젝트를 말한다.
},
};
let 오브젝트 = {
함수: () => {
this; /*arrow 함수에서 this를 쓰면 바깥에 있는
this값이 사용될 수 있으므로 주의한다.*/
},
};
오브젝트.함수();