Typescript 기초1

Typescript 기초1 🔑

변수를 선언할때는 type을 지정해줘야 한다고 배웠다.

하지만 사실 TS가 자동으로 타입을 지정해주기 때문에 하나하나 전부 타입지정을 해줄 필요가 없다.

let a = 'kk';
a = 123; // ERROR

---

타입을 미리 지정하기 애매할때

• Union Type 사용

var 어레이: (number | string)[] = [1, '2', 3];
var 오브젝트: { data: number | string } = { data: '123' };

• any 사용

let a: any;
a = 123;
a = 'asd';

let b: number = a; // NO ERROR

타입이 달라도 에러를 띄우지않는다. 사용하지 않는걸 권장한다.

• unKnown 사용

let a: unknown;
a = 123;
a = 'asd';

let b: number = a; // ERROR

unknown은 아무타입이나 상관없이 되지만 이것을 대입하려할때는 에러를 띄운다

(any대신 unknown을 활용하도록 하자)

---

void

function a(x: number): void {
  1 + 1;
}

return을 하시는것을 예방 할 수 있다.

function a(x: number): number {
  return x + 1;
}

a(3); // 파라미터 필수

function a(x?: number): number {
  return x + 1;
}

a(); // 가능

x?: number는 x: number | undefined와 같다.

---

Type Narrowing

function a(x: number | string) {
  if (typeof x === 'string') {
    return x + '1';
  } else {
    return x + 1;
  }
}

if문으로 타입을 하나로 확정지어 준다.

( in, instanceof 으로도 가능 )

(Array.isArray(x.subject))

---

Type Assertion

function a(x: number | string) {
  let array: number[] = [];
  array[0] = x as number;
}

x를 number로 덮어 씌워준다.

하지만 이걸 남용하면 빠따를 맞는다.

1. narrowing을 할때 즉 타입을 확정지을때만 사용.
2. 어떤 타입이 들어올지 확실하게 알고 있을때만 사용.
3. 비상용으로만.

---

Type Aliases

type Animal = string | number | undefined;
let 동물: Animal;

위와같이 타입을 변수화해서 관리하는것을 타입엘리어스라고 한다.

( 대문자로 관리하는것이 국룰이다. )

type a = string;
type b = numbers;
type c = a | b;

이것도 가능

type PositionX = { x: number };
type PositionY = { y: number };
type XandY = PositionX & PositionY;
let 좌표: XandY = { x: 1, y: 2 };

이렇게도 가능

type a = (a: string) => number;

let b: a = () => {};

---

readonly

type Girlfriend = {
  readonly name: string;
};

let 여친: Girlfriend = {
  name: '엠버',
};

여친.name = '유라'; //readonly라서 에러

JS에서는 const로 object의 값을 바꾸면 에러가 뜨지 않지만

TS에서는 readonly를 사용하면 에러를 뜨게할 수 있다.