
[JS] this (일반함수와 화살표함수 차이점)
2022. 2. 17. 16:28
개발이야기/JS
일반함수의 this와 화살표함수에서 this는 다르게 정의된다. 어떻게 다른지 알아보자. 일반함수는 호출 위치에 따라 this 정의! 화살표함수는 자신이 선언된 함수 범위에서 this 정의! 예제1) const leo = { name: 'leo', normal: function () { console.log(this.name) }, arrow: () => { console.log(this.name) } } leo.normal() //leo leo.arrow() //undefined leo라는 변수안에 객체테이터가 할당되어 있다. 여기서 일반함수로 정의된 부분은 호출 위치에서 정의되는데 normal메소드에서 일반함수로 선언했을 때 여기서 사용한 this는 어떤 걸 지칭하는지 알 수가 없다. but 기본적으..