this란 무엇일까?

“그래서, this가 뭔가요?”

“this는 해당함수를 어떤 방식으로 호출하느냐에 따라 결정 됩니다. blur blur blur…”
“그래서, this가 뭔가요?”

면접에서 this에 대해 한참을 설명하고 나서 들었던 질문입니다. 저는 this를 단순히 객체를 가리키는 것 이라고만 생각하고 있었습니다. 면접 후, this에 대해 좀더 자세히 공부하였고, 머릿속에 있던 자바스크립트의 개념들과 이것(여기서의 이것은?)을 연결하여 이해 할 수 있었습니다. 아래의 내용들은 제가 this에 대해서 공부하면서 함께 공부했던 내용들을 정리해놓은 것입니다. 주로 ZeroCho 님의 블로그를 보고 공부하였습니다.

Object Constructor - 생성자로 객체 만들기

객체 생성자(Object Constructor)는 비슷한 객체를 무수히 만들어낼 수 있다.

cf. 객체 리터럴로 객체를 생성할 수도 있다. var dog = { name: ‘메시’, breed:’푸들’, weight: ‘6kg’}

객체 생성자 만들기

function Dog(name, breed, weight) {
  //객체 생성자 특징 1. a function, 2.name with Upper Case
  this.name = name; //3. 'this' Keywords
  this.breed = breed;
  this.weight = weight;
  //4. return nothing
}

객체 생성자 특징

객체 생성자는 함수이다.
생성자 함수명은 일반적으로 대문자로 시작한다.
this 키워드를 사용한다.
생성자 함수는 아무것도 반환하지 않는다.

this란 무엇일까?

“그래서, this가 뭔가요?”

Object Constructor - 생성자로 객체 만들기

객체 생성자 만들기

객체 생성자 특징

Recent

Categories

Tags

Your browser is out-of-date!