TIL_21.01.28 🏃🏽‍♂️🏃🏽‍♂️

객체와 클래스

공식문서 참고

class Person {
  constructor(protected name: string, private age: number) {
    this.name = name;
    this.age = age;
  }
}

class User extends Person {
  constructor(name: string, age: number) {
    super(name, age);
    console.log(this.name);
    console.log(this.age); // Property 'age' is private and only accessible within class 'Person'.ts(2341)
  }
}
const user = new User("Kim", 20);
console.log(user.name); // Property 'name' is protected and only accessible within class 'Person' and its subclasses.

접근 제한자

접근 가능성	public	protected	private
클래스 내부	◯	◯	✕
자식 클래스 내부	◯	◯	✕
클래스 인스턴스	◯	✕	✕

인터페이스 구현

interface IPerson {
  name: string;
  age?: number;
}

class Person implements IPerson {
  constructor(public name: string, public age?: number) {}
}

const person = new Person("Kim", 20);
console.log(person); // Person {name: "Kim", age: 20, constructor: Object}

interface 생성 후 class에 implements 키워드 사용해서 적용 constructor에서 this.name = name 이렇게 하지 않아도 된다.

readonly

interface IPerson {
  name: string;
  age?: number;
}

class Person implements IPerson {
  constructor(public readonly name: string, public age?: number) {}
}

const person = new Person("Kim", 20);
person.name = "Lee"; // Cannot assign to 'name' because it is a read-only property.ts(2540)

readonly 키워드 이용해 상수 선언을 할 수 있다.

static

interface IPerson {
  name: string;
  age?: number;
}

class Person implements IPerson {
  constructor(public readonly name: string, public age?: number) {}

  static sayHello() {
    console.log("Hello");
  }
}

Person.sayHello(); // Hello

static 키워드는 정적 메소드를 정의할 때 사용한다. 클래스의 인스턴스로 메소드를 호출하는게 아니라 클래스의 이름으로 호출한다.

abstract class

abstract class Person {
  abstract sayHi(): void;
  sayHello(): void {
    console.log("Hello");
  }
}

class User extends Person {
  sayHi() {
    console.log("Hi!");
  }
}

const user = new User();
user.sayHi(); // Hi!
user.sayHello(); // Hello

추상 클래스는 추상 메소드와 일반 메소드를 포함하고, 내용이 없이 메소드 이름과 타입만 선언된 메소드를 뜻한다. abstract 키워드를 사용한다. 직접 인스턴스 생성할 수 없으며 상속을 위해 존재한다. 따라서 추상 클래스의 서브 클래스는 추상 메소드를 반드시 구현해줘야한다.

타입 변환

const person: object = { name: "kim" };

console.log(person.name); // Property 'name' does not exist on type 'object'.ts(2339)

위 코드의 오류는 person의 타입이 object인데 object 타입이 name 속성을 가지지 않기 때문에 발생한다. 따라서 이 문제를 타입 변환 구문을 이용해 해결할 수 있다.

(<{ name: string }>person).name

person 변수를 일시적으로 name 속성이 있는 타입으로 변환해 속성값을 얻게 한다.

but

타입스크립트에서는 타입 변환이 아닌 타입 단언 (type assertion) 이라고 표현한다.

(<type>Object) 또는 Object as type 형태가 있다.