• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 this 의 사용법

this 의 사용법

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #34710

    Heok Joon
    참가자

    var information0 = $(this).siblings("h5").html();
    var inform0 = JSON.stringify(information0);
    $(".buy").on("click", function () {
     
    localStorage.setItem("key12", inform0);
    });

     

    장바구니 기능과 localStorage 숙제 를 보면서 알게된 부분인데 

    함수 밖에 있는 변수의 this 값은 undifined 됬다고 찍히고 

     

    $(".buy").on("click", function () {
    var information0 = $(this).siblings("h5").html();
    var inform0 = JSON.stringify(information0);
    localStorage.setItem("key12", inform0);
    });

    함수 안에 있는 this 의 값은 정확하게 클릭한곳의 형제 요소를 잡아 내더군요 

    여기서 왜 함수 바깥에 있는 변수 this값은 전혀 잡아 내는질 못하겠습니다 

    function(e) {

    var information =$(e.target) 을 제이쿼리 형식으로 쉽게 풀어서 했기에 그런걸까요 ? (마치 e 가 함수에 없으면 작동하지 않기에 밖에서는 작동을 안하는건가요?) 그리고 e.target 과 this 는 사용성 면에서  == 하다고 볼수 있는부분인가요 ?

    #34716

    codingapple
    키 마스터

    this는 함수안에서 몰래 정의되는 특별한 변수같은거라서 함수 바깥에선 별 기능이 없습니다 

    이벤트리스너안에선 this는 e.currentTarget을 의미합니다 

     

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠