JavaScript 객체 지향 프로그래밍

this

수업소개

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

 

 

 

강의

 

 

 

코드

this.js (변경사항)

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. 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으로 컨트롤 해보는것을 직접 해보니깐 객체가 무엇인지 언제 사용하는 것인지 이해가 되는것 같습니다.
    감사합니다.^^
  2. nicknameless
    this: 속해있는 메소드를 가르키는 특수한 예약어입니다//
  3. this키워드는 속해있는 객체를 가리킵니다!
  4. 감사합니다.
  5. 유밍
    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());

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

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