posts

THIS

Oct 1, 2025 updated Oct 1, 2025 computer-sciencejavascript

이 글은 예전에 따로 적어두었던 THIS 메모를 옮기면서 다시 정리한 버전입니다.. 원문이 짧은 편이라, 나중에 다시 볼 때 덜 끊기게 핵심 흐름만 조금 붙여뒀습니다.

  • this가 뭐임? -> JS 예약어고, 자신이 속한 객체나 생성할 인스턴스를 가리키는 자기 참조 변수임

    • 어떻게 작동함? -> 함수의 호출방식에 따라 달라지는데 일반 함수로 호출 시 전역 객체로 바인딩되고 메소드로 호출시 호출한 객체를 가리킴, 생성자 호출은 생성할 인스턴스에 바인딩되고 apply, call, bind에 의한 간접 호출시 특정 객체를 바인딩함

    • 화살표 함수는 뭐임? -> ES6에서 나온 새로운 펑션 문법임

    • 장점이 뭐임? -> 파라미터가 1개면 소괄호 생략가능 코드 한줄이면 중괄호랑 리턴도 생략가능함 바깥의 this를 내부에서 그대로 사용할 수 있음

    • 그냥 변수를 참조하면 되지 굳이 this를 왜 씀? -> 변수를 복사해 다른 변수에 할당하고 기존의 변수를 다른 갚으로 덮어씌우면 원치 않는 값을 참조할 수 있음 this의 값은 런타임에 결정됨 함수가 호출되기 전가지는 할당되지 않음