JavaScript 객체 지향 프로그래밍

this

2019-04-07

수업소개

메소드 내에서 메소드가 속한 객체를 참조 할 때 사용하는 키워드인 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(kim.first, kim.second));
console.log("kim.sum(kim.first, kim.second)", kim.sum());

봤어요 94명

파시1년 전

230619

답글
소뿡이2년 전

감사합니다.

답글
Kyu Youn Lee2년 전

감사합니다.

답글
분위기2년 전

어디에서도 볼 수 없었던 설명이네요ㅎㅎ드디어 this가 이해가 되네요!

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

강의를 들으면 이 정의가 이해가 됩니다!

답글
김성은2년 전

나는 함수이다.
나는 객체 안에 있다.
내가 있는 객체 안에는 다른 변수도 있다. 친구 변수라 부른다.
나는 this라는 키워드를 통해 친구 변수에 접근 할 수 있다.
this를 쓰지 않으면 친구 변수에 직접 접근 할 수 없다.

답글
개발맨2년 전

완료

답글
mini2년 전

20211201 감사합니다!

답글
장운서3년 전

this -속한 객체의 이름, 나 자신 그자체

답글
labis983년 전

20210830! 항상 좋은 교육 잘 듣고 있습니다. 감사합니다.

답글
밍퐁3년 전

메소드가 자신이 속한 객체를 가리킬 수 있는 대명사를 만들자! this!

답글
js3년 전

this는 객체 내 변수의 중복 사용을 개선하기 위해 만들어진 자기 자신을 가리키는 대명사 같은 변수이다.

답글
hyun e3년 전

this라는 키워드는, 자신이 속한 메소드가 그 객체에 속해있다는 것을 알려준다. 따라서, 그 객체의 이름이 변한다고 하더라도 해당 메소드가 그 객체에 '속해 있다' 라는 성질은 변함이 없으므로, 영향을 받지 않고 값을 출력해낼 수 있다.

답글
박병진3년 전

this라는 것은 메소드(함수)가 속해 있는 객체 전체를 가리키도록 약손된 약속어이다.

답글
박병진4년 전

자기자신 = 대명사이다.
한국어 : 나
영어 : 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 메소드 함수가 속해 있는 객체를 가르키도록 약속 된 특별한 약속어 이다.

답글
최동희4년 전

this는 이 객체를 의미한다. "이 객체"가 어느 객체인지는 이곳이 어딘지에 따라 달라진다.

답글
코딩중독4년 전

this는 값으로써의 객체를 가르키고 아주 좋은 대명사이다

답글
HongKyu Lim4년 전

메서드 안에서 this는 자기가 속해져 있는 객체를 대신하는 대명사

답글
홍진우4년 전

Object는 바로 '나!'
그리고 this 또한 '나!'

답글 수정 삭제
현수4년 전

다른곳에서의 this사용도 많지만 이 강의에서의 this는 메서드안에 this가 사용될때 그 메서드를 가지고 있는 객체를 가르킵니다

답글 수정 삭제
YounHoSo5년 전

/**
* 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으로 컨트롤 해보는것을 직접 해보니깐 객체가 무엇인지 언제 사용하는 것인지 이해가 되는것 같습니다.
감사합니다.^^

답글 수정 삭제
nicknameless5년 전

this: 속해있는 메소드를 가르키는 특수한 예약어입니다//

답글
king5년 전

this키워드는 속해있는 객체를 가리킵니다!

답글 수정 삭제
Giri5년 전

감사합니다.

답글
유밍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());

이렇게용 :) 값을 불러오는게 넘나 쉬워졌어요 !

답글
bread5년 전

this = 속한 객체의 이름 을 뜻한다.

답글 수정 삭제
진현림5년 전

This는 객체에속한 변수 자기자신을 가리킬때
사용하기로 한 약속이다 라고생각합니다

답글 수정 삭제
Young Kwang Cho5년 전

this 현재 자신이 실행되는 환경에 대한 참조

답글
변찬우5년 전

this = possessive determiner

코드 레벨에서의 this를 현실 세계의 언어인,
영어의 my/your/his/her/it’s/one’s 와 같은 소유 결정자 로 이해해도 될까요?

답글
어쩌다보이5년 전

당연하지만.. this는 무조건 해당함수 내에 있어야 합니다..

답글
0cool5년 전

// 메소드 또는 변수가 속해있는 객체를 가리키는 예약어

답글
화난 코끼리5년 전

그런것 같아요^^
대화보기
답글 수정 삭제
hyuna lee5년 전

this는 메소드가 속해 있는 객체를 말하고, this를 통해 그 객체의 다른 변수의 값을 불러올수 있다.객체의 이름이 바뀌어도 this라는 대명사가 지시하는 객체는 같아서 편리하다. 잘 이해한건지요..

답글

this

수업소개

강의

코드

댓글