Class Example1 - 클래스 만들기

2woongjae/ts-basic-class

class Person1 {
  name!: string;
  age!: number;
}

const person: Person1 = new Person1();
console.log(person); // Person1 {}
person.age = 35;
console.log(person.name); // undefined

• 생성자 함수가 없으면, 디폴트 생성자가 불린다.
• 클래스의 프로퍼티 혹은 멤버 변수가 정의되어 있지만, 값을 대입하지 않으면 undefined 이다.
• 접근제어자 (Access Modifier) 는 public 이 디폴트 이다.

* strictPropertyInitialization 의 중요성

--strictPropertyInitialization

Class Example2 - 클래스와 프로퍼티 (1)

2woongjae/ts-basic-class

class Person2 {
  name!: string;
  age!: number;

  constructor() {
    console.log(this.name === null); // false
    console.log(this.name === undefined); // true
  }
}

const person2: Person2 = new Person2();
person2.name = 'Mark';
person2.age = 36;
console.log(person2); // Person2 {name: 'Mark', age: 36}

Class Example3 - 클래스와 프로퍼티 (2)

2woongjae/ts-basic-class

class Person3 {
  name: string = 'Mark';
  age: number = 36;

  constructor() {
    console.log(this.name); // 'mark'
  }
}

const person3: Person3 = new Person3();
console.log(person3); // Person3 {name: 'Mark', age: 36}

• 클래스의 프로퍼티를 선언과 동시에 값을 할당하는 방법도 있다.
• 생성자가 불리기 전에 이미 프로퍼티의 값이 저장되어 있음을 알 수 있다.

Class Example4 - 클래스와 프로퍼티의 접근 제어자

2woongjae/ts-basic-class

class Person4 {
  public name!: string;
  private _age: number;

  constructor(age: number) {
    this._age = age;
  }
}

const person4: Person4 = new Person4(36);
person4.name = 'Mark';
// person._age (X)
console.log(person4); // Person {name: 'Mark', _age: 36}

• private 으로 설정된 프로퍼티는 dot 으로 접근할 수 없다.