JavaScript 객체 지향 프로그래밍

JavaScript 객체 지향 프로그래밍

this

수업소개

메소드 내에서 메소드가 속한 객체를 참조 할 때 사용하는 키워드인 this에 대해서 알아봅니다. 

 

 

 

강의

 

 

 

코드

this.js (변경사항)

?
1
2
3
4
5
6
7
8
9
10
var kim = {
name:'kim',
first:10,
second:20,
sum:function(){
return this.first+this.second;
}
}
//console.log("kim.sum(kim.first, kim.second)", kim.sum(kim.first, kim.second));
console.log("kim.sum(kim.first, kim.second)", kim.sum());

 

댓글

댓글 본문
  1. 파시
    230619
    답글
  2. 소뿡이
    감사합니다.
    답글
  3. Kyu Youn Lee
    감사합니다.
    답글
  4. 분위기
    어디에서도 볼 수 없었던 설명이네요ㅎㅎ드디어 this가 이해가 되네요!

    객체 안에 메소드(함수)가 있을 때
    그 메소드가 자신이 속해 있는 객체 내의 값을 사용할 때 객체 이름이 바뀌어도 계속 사용할 수 있게 해주는 키워드다!

    강의를 들으면 이 정의가 이해가 됩니다!
    답글
  5. 김성은
    나는 함수이다.
    나는 객체 안에 있다.
    내가 있는 객체 안에는 다른 변수도 있다. 친구 변수라 부른다.
    나는 this라는 키워드를 통해 친구 변수에 접근 할 수 있다.
    this를 쓰지 않으면 친구 변수에 직접 접근 할 수 없다.
    답글
  6. 개발맨
    완료
    답글
  7. mini
    20211201 감사합니다!
    답글
  8. 장운서
    this -속한 객체의 이름, 나 자신 그자체
    답글
  9. labis98
    20210830! 항상 좋은 교육 잘 듣고 있습니다. 감사합니다.
    답글
  10. 밍퐁
    메소드가 자신이 속한 객체를 가리킬 수 있는 대명사를 만들자! this!
    답글
  11. js
    this는 객체 내 변수의 중복 사용을 개선하기 위해 만들어진 자기 자신을 가리키는 대명사 같은 변수이다.
    답글
  12. hyun e
    this라는 키워드는, 자신이 속한 메소드가 그 객체에 속해있다는 것을 알려준다. 따라서, 그 객체의 이름이 변한다고 하더라도 해당 메소드가 그 객체에 '속해 있다' 라는 성질은 변함이 없으므로, 영향을 받지 않고 값을 출력해낼 수 있다.
    답글
  13. 박병진
    this라는 것은 메소드(함수)가 속해 있는 객체 전체를 가리키도록 약손된 약속어이다.
    답글
  14. 박병진
    자기자신 = 대명사이다.
    한국어 : 나
    영어 : me
    프로그래밍 : this

    var kim = {
    name : 'kim' ,
    first : 10,
    second : 20,
    메소드 함수 sum :function () {
    return this.first + this second;
    }
    }

    console.log("kim.sum(kim.first, kim.second),
    kim.sum());

    this 메소드 함수가 속해 있는 객체를 가르키도록 약속 된 특별한 약속어 이다.
    답글
  15. 최동희
    this는 이 객체를 의미한다. "이 객체"가 어느 객체인지는 이곳이 어딘지에 따라 달라진다.
    답글
  16. 코딩중독
    this는 값으로써의 객체를 가르키고 아주 좋은 대명사이다
    답글
  17. HongKyu Lim
    메서드 안에서 this는 자기가 속해져 있는 객체를 대신하는 대명사
    답글
  18. 홍진우
    Object는 바로 '나!'
    그리고 this 또한 '나!'
    답글 수정 삭제
  19. 현수
    다른곳에서의 this사용도 많지만 이 강의에서의 this는 메서드안에 this가 사용될때 그 메서드를 가지고 있는 객체를 가르킵니다
    답글 수정 삭제
  20. YounHoSo
    /**
    * this의 계념과, DOM script에 대한 계념 입니다.
    */

    var My = {
    h3 : document.querySelector('h3'),
    list : document.querySelectorAll('ul .list'),

    none: function() {
    this.h3.style.display = 'none';
    for(var i = 0; i < this.list.length; i++){
    this.list[i].style.display = 'none';
    }

    },
    block: function() {
    this.h3.style.display = 'block';
    }
    }

    My.none();

    ---------------------------------------------
    자바스크립트 객체를 통해서 DOM을 컨트롤 해보는것을 해보았습니다.
    DOM으로 컨트롤 해보는것을 직접 해보니깐 객체가 무엇인지 언제 사용하는 것인지 이해가 되는것 같습니다.
    감사합니다.^^
    답글 수정 삭제
  21. nicknameless
    this: 속해있는 메소드를 가르키는 특수한 예약어입니다//
    답글
  22. king
    this키워드는 속해있는 객체를 가리킵니다!
    답글 수정 삭제
  23. Giri
    감사합니다.
    답글
  24. 유밍
    this 하나로 코드가 훨씬 깔끔해지네요~!

    var kim = {
    name : '신디',
    first : 10,
    second : 20,
    sum : function(f,s){
    return f+s;
    }
    }
    console.log(kim.sum(kim.first , kim.second))

    이랬던 코드가

    var kim = {
    name : '신디',
    first : 10,
    second : 20,
    sum : function(){
    return this.first + this.second;
    }
    }
    console.log(kim.sum());

    이렇게용 :) 값을 불러오는게 넘나 쉬워졌어요 !
    답글
  25. bread
    this = 속한 객체의 이름 을 뜻한다.
    답글 수정 삭제
  26. 진현림
    This는 객체에속한 변수 자기자신을 가리킬때
    사용하기로 한 약속이다 라고생각합니다
    답글 수정 삭제
  27. Young Kwang Cho
    this 현재 자신이 실행되는 환경에 대한 참조
    답글
  28. 변찬우
    this = possessive determiner

    코드 레벨에서의 this를 현실 세계의 언어인,
    영어의 my/your/his/her/it’s/one’s 와 같은 소유 결정자 로 이해해도 될까요?
    답글
  29. 어쩌다보이
    당연하지만.. this는 무조건 해당함수 내에 있어야 합니다..
    답글
  30. 0cool
    // 메소드 또는 변수가 속해있는 객체를 가리키는 예약어
    답글
  31. 화난 코끼리
    그런것 같아요^^
    대화보기
      답글 수정 삭제
    • hyuna lee
      this는 메소드가 속해 있는 객체를 말하고, this를 통해 그 객체의 다른 변수의 값을 불러올수 있다.객체의 이름이 바뀌어도 this라는 대명사가 지시하는 객체는 같아서 편리하다. 잘 이해한건지요..
      답글
    버전 관리
    egoing
    현재 버전
    선택 버전
    공동공부
    graphittie 자세히 보기