자바스크립트

javascript 공부(this)

조코조 2022. 10. 20. 22:23

4.this

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

만약 이런 코드가 있다면,콘솔창에는 30이라는 답이 나온다.

그러나 이렇게 적을 경우 유연함이 떨어진다.

▶var의 이름이 바뀔 경우, return에 있는 객체이름과 console을 부를때 있는 객체 이름 등 바꿔야 할 것들이 많아진다.

 

그래서 나온 것이 this

객체 안에 메소드가 있을 때 그 안에서 객체를 지칭할 때 사용한다 즉, 나는! 이라는 뜻

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

this를 통해서 객체 스스로를 칭할수 있게 됨!