jineecode

arrow function 본문

JS

arrow function

지니코딩 2021. 10. 19. 14:24
[1, 2, 3, 4].forEach(function(a){
	console.log(a)
})

// array 자료 갯수만큼 내부 코드를 실행해주세요.
// 파라미터 a : array 내의 자료들

[1, 2, 3, 4].forEach(a => console.log(a));

document.getElementById('button').addEventListener('click', (e)=>{
	this; // X
})

let objectExam = {
	newFunc : () => {
    	return this //window
    }
}

objectExam.newFunc();

arrow func 은 바깥에 있던 this값을 내부에서 그대로 사용하므로, eventListener 내에서 쓰면 window를 가리키게 된다.

(객체 내에서도 상위 this, 즉 window를 가리키게 됨)

'JS' 카테고리의 다른 글

Spread Operator 활용법  (0) 2021.10.25
백틱과 함수를 같이 쓰기  (0) 2021.10.20
this  (0) 2021.10.19
replace 잘 활용하기.  (0) 2021.09.03
textarea backspace 방지 코드  (0) 2021.07.12
Comments