본문 바로가기
JS, jQuery

js - 화살표 함수에서의 this

by 닉네임이없어서아무거나지음 2023. 5. 25.
반응형
<button>버튼</button>
<script>
    const btn = document.querySelector("button");
    btn.addEventListener("click", () => {
        this.open(); // 여기서 this는 window 객체를 가리킴
    });
</script>
const person1 = {
    age: 10,
    grow: function() {
        this.age++;
        console.log(this.age);
    }
};
person1.grow();


const person2 = {
    age: 10,
    grow: () => {
        this.age++;
        console.log(this.age);
    }
};
person2.grow();

 

평소 화살표 함수는 잘 안 썼는데 딥다이브 보다가 발견해서 기록해둠.

 

그런데 화살표 함수가 어느 경우에나 유용하진 않아서 경우에 따라 사용하면 되는데 참고1을 보면  될 듯.

 

 

참고1: https://velog.io/@raram2/%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98%EB%A5%BC-%EB%82%A8%EC%9A%A9%ED%95%98%EB%A9%B4-%EC%95%88%EB%90%98%EB%8A%94-%EC%9D%B4%EC%9C%A0

참고2: https://www.w3schools.com/js/js_window.asp

 

JavaScript Window

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

반응형