Javascript - class와 constructor

YuJin Lee·2020년 10월 6일
0

Javascript

목록 보기
1/22
  • class란?
    ES6에 새로 추가된 문법
    좀 더 강력한 객체지향 프로그래밍을 가능하게 해준다.
    기존 프로토타입 기반의 방식을 좀 더 명료하게 사용할 수 있도록 돕는 역할을 한다.
//1. 함수처럼 선언적 방식으로 사용할 수 있다.
class A {}

//2. class 표현식을 변수에 할당할 수 있다.
const B = class {};

//class를 실행할 때는 new를 앞에 붙여준다.
new A();
new B();

//선언적 방식이지만 호이스팅은 일어나지 않는다.
new C();
class C {}
// -> undefined가 뜬다.

  • 생성자 constructor
    class 외부에서 객체를 생성해서 안으로 넣어주는 기능을 한다.

class A를 선언

class A {}

console.log(new A());
// A {}

class B 안에 constructor를 생성

class B {
  constructor() {
    console.log('constructor');
  }
}

console.log(new B());
// constructor
// B {}

class C 안에 constructor를 생성해 인자 name과 age를 넣어준다.
class C {
  constructor(name, age) {
    console.log('constructor', name, age);
  }
}

console.log(new C('Yujin','28'));
// constructor Yujin 28
// C {}

// 인자값을 넣어주지 않으면 constructor에 undefined가 뜬다.
console.log(new C());
// constructor undefined
// C{}
profile
배운 것을 기록하는 곳 💻🙂

0개의 댓글