왕초보 자바스크립트(코딩앙마) #13 객체 (object) / method, this

 

1. Method란? 

   객체 프로퍼티로 할당된 함수!

 

 

this

함수를 각 개체의 매서드로 넣어주게 됨! this 는 런타임에 실행됨

 

 

let boy = {
  name : 'Mike',
  showName: function() {  //이름을 보여줘
    console.log(boy.name)
  }
};

boy.showName();    // mike 출력

let boy = {
  name : 'Mike',
  showName: function() {  //이름을 보여줘
    console.log(boy.name)
  }
};

let man = boy;
man.name = 'tom'

console.log(boy.name)  /// tom으로 출력됨

let boy = {
  name : 'Mike',
  showName: function() {  //이름을 보여줘
    console.log(boy.name)
  }
};

let man = boy;
boy = null;   // boy는 사용하지 않겠다.

console.log(man.name)  /// Mike으로 출력됨

let boy = {
  name : 'Mike',
  showName: function() {  // 이름을 보여줘
    console.log(this.name)   // 해당 객체를 가리킴
  }
};

let man = boy;
boy = null;

man.showName();

 

let boy = {
  name : 'Mike',
  sayThis: function() {  
    console.log(this)
  }
};

boy.sayThis();  // boy 객체를 반환함

let boy = {
  name : 'Mike',
  sayThis: () => {    // 화살표 함수를 쓰게되면
    console.log(this)  // this는 전역 객체를 가리키게됨 
  }
};

boy.sayThis();

 

객체에 method를 작성하는 경우는 화살표 함수를 작성하지 않는것이 좋다는 결론!