• 티스토리 홈
  • 프로필사진
    alpha brain
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
alpha brain
  • 프로필사진
    alpha brain
    • 분류 전체보기 (93)
      • SOFTWARE DEVELOP (68)
        • REACT.JS (3)
        • WEBPACK (4)
        • HTML&CSS (2)
        • EXPRESS (0)
        • DATABASE (0)
        • NODE.JS (3)
        • JAVASCRIPT (24)
        • DOCKER (1)
        • Linux (3)
        • Git (6)
        • GRAPHQL (0)
        • Datastructure (7)
        • Development (6)
        • HTTP (1)
        • Programming Paradigm (1)
        • Algorithm log (5)
        • DEV log (1)
        • Project log (0)
        • I don't know yet (1)
      • 경제, 재무 (23)
      • 여행 (0)
      • 시사, 상식 (2)
  • 반응형
    250x250
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • [Javasvript] this는 가리킬뿐, this의 4가지 바인딩
        2020년 01월 26일
        • alpha brain
        • 작성자
        • 2020.01.26.:47
        728x90
        반응형

        this는 가리킬뿐.

         

        this는 객체 생성시, 함수 생성시 자동으로 생성되는 변수같은 놈이다.(그렇다고 변수는 또 아니다...)

        this는 객체를 "가리킬"뿐이다. (자.동.으로)

        [Javascript] 값을 저장하는 방식, pass by value vs. pass by reference
        1. 값을 저장하는 방식 자바스크립트뿐만 아니라 대부분의 프로그래밍 언어들은 값을 변수에 저장하는 방식이 크게 2가지가 있다. 1. 어떤 값을 메모리 공간에 직접 넣고 변수를 할당하는 방법 2. 어떤 값을 저장..
        artdev.tistory.com

        "가리키다" 라는것이 잘 이해가 되지 않는다면 이 글을 보고 이해하고 와야한다. (pass by reference 부분)

        this는 우리가 강제로 다른것을 할당할수는 없다.

        this가 가리키는 object에 method나 property를 할당해 줄수가 있다.

        아래는 this 가 window라는 전역객체(global object)를 가리킬때 name이라는 property를 할당하였다.


        this의 4가지 바인딩(binding)

        바인딩은 자동으로 어떤 객체를 가리키는것이라고 생각하면 될것같다. ( 자동으로가 키포인트 )

        • 함수 내부에서 this -> window 객체 (전역객체) 

        • 클로저 내부에서의 this -> window 객체 (함수의 depth 가 깊어져도 전역객체를 가리키게 된다.)

        • 객체(리터럴) 내부 메서드 에서 this -> 해당 객체

        • 함수 생성자 내부에서 this -> 해당 인스턴스 객체



        this는 가리킬뿐이다,

        하지만 함수메소드를 이용하여 바인딩을 바꿀수가 있다.(응?)

        cf. 다음 포스팅은 함수내부에서 this를 다른것으로 강제 바인딩시키는 것을 써야겠다. 

        728x90
        반응형

        'SOFTWARE DEVELOP > JAVASCRIPT' 카테고리의 다른 글

        [Javascript] prototype, __proto__, constructor  (0) 2020.02.14
        [Javascript] callBack은 call me back  (0) 2020.01.26
        [Javascript] 객체를 만드는 방법, (class, function)  (0) 2020.01.20
        [Javascript] 클로저(Closure)  (0) 2020.01.20
        [Javascript] 변수가 살아가는곳, scope  (0) 2020.01.17
        다음글
        다음 글이 없습니다.
        이전글
        이전 글이 없습니다.
        댓글
      조회된 결과가 없습니다.
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바