[Js] Class, Instance

걸음걸음·2023년 1월 13일
0

Javascript

목록 보기
6/7

객체 지향

데이터와 기능을 한 곳에 묶어서 처리. 속성과 메서드가 하나의 '객체'에 포함되며, 해당 객체는 class라고 한다.

Class

클래스는 객체의 템플릿을 말한다.
클래스 안에 생성자(constructor)을 포함하고 있으며, 보통 대문자로 시작해 일반명사 형식을 띈다. 생성자 함수는 return값을 만들지 않는다.

Instance

Class를 바탕으로 만든 객체를 말한다.
새로운 인스턴스를 만들 때는 new 키워드를 사용.
각각의 인스턴스는 클래스의 고유한 속성과 메서드를 가진다.

  • this : 인스턴스 객체를 의미. new 키워드로 인스턴스를 생성했을 때, 해당 인스턴스가 바로 this의 값이 된다.

  • prototype : 모델의 청사진을 만들 때 쓰는 원형 객체

// ES6 문법 : 이쪽을 많이 사용함
class Sample {
  constructor(name, category, usage){
    this.name = name;
    this.category = category;
    this.usage = usage;
  }
  func1(){}
  func2(){}
}

// ES5 문법
function Sample (name, category, usage) {
  this.name = name;
  this.category = category;
  this.usage = usage;

}

Sample.prototype.func1 = function () {}
Sample.prototype.func2 = function () {}

// 사용할 때
let one = new Sample('one', 'sample', 'tmep');
one.func1()
profile
꾸준히 나아가는 개발자입니다.

0개의 댓글