Value(JS & TS)

GoGoDev·2021년 12월 16일
0

JS & TS

목록 보기
1/11

JS의 기본자료형

  • Boolean (true, false)
  • Null
  • Undefined
  • Number (정수, 실수를 동일하게 취급)
  • String
  • Symbol (ES6부터 추가됨)

나머지는 Object라는 자료형으로 취급

TS의 자료형

  • Boolean
  • Number
  • String
  • Array
  • Tuple
  • Enum(열거)
  • Any
  • Void
  • Null and Undefined
  • Never
  • Object(객체)
Tuple
let x: [string, number];

x = ["age", 25]; // 선언 성공
x = [25, "age"]; // 선언 실패

Tuple은 순서가 중요한 자료형이다. 요소의 타입과 개수가 고정된 배열을 표현할 수 있다.

console.log(x[0].substring(1)); // age
console.log(x[1].substring(1)); // 오류, 'number'에는 'substring' 이 없습니다.

정해진 인덱스에 알맞은 데이터 타입을 호출해야 된다.

Enum
Javascript(object)Typescript(enum)
First ImageSecond Image

object는 객체(데이터)이기 때문에 Red: "red"라고 값을 원하는대로 넣을 수 있다.
enum은 코드이여서 서버나 외부로부터 어떤 데이터를 가지고 오고 그 데이터를 객체로 표현해서 UI에서 다루게 될 때, enum 타입은 데이터가 아니기 때문에 데이터로 변환시키기가 까다롭다.

Any

모든 데이터 타입을 표현한다. 어떤 값도 데이터 타입으로 들어갈 수 있다. 즉, JS와 똑같다.

Void

Any와 반대 타입으로, 어떤 타입도 존재할 수 없음을 나타낸다. 함수가 리턴 값이 없는 경우에 타입을 명시할 때 사용한다.

JS & TS 둘다 객체를 사용하고 객체는 값으로 취급한다.
값은 무엇이든 변수에 넣을 수 있다는 원칙을 가진다. (변수는 값을 담는 그릇)
함수 자체도 객체로 만들어 놓기 때문에 값으로 취급한다.
코트의 묶음도 값으로 취급해서 변수에 넣을 수 있다. ex) callBack 같은 경우

profile
🐣차근차근 무럭무럭🐣

0개의 댓글