티스토리 뷰
728x90
반응형
const ProductStatus = {
SoldOut : "SOLDOUT",
Sales: "SALES",
}
이렇게 object를 이용하여 ProductStatus의 값을 설정하였다고 가정해봅시다
우리는 앞으로 이런식으로 코드를 사용할수 있겠죠
const product = new Product();
product.updateStatus(ProductStatus.SoldOut);
그런데 혹시 누군가가 코드를 이렇게 어디선가 변경할지도 모릅니다
const ProductStatus = {
SoldOut : "SOLDOUT",
Sales: "SALES",
}
ProductStatus.SoldOut = "soldout";
코드베이스가 커질수록 누군가가 이런 실수를 할수도 있겠죠
하지만 상수처럼 활용하는 이 값이 누군가에 의해 변경되는것을 원치 않습니다
이럴때는 as const를 사용해보세요
const ProductStatus = {
SoldOut : "SOLDOUT",
Sales: "SALES",
} as const
ProductStatus.SoldOut = "soldout";
마치 상수처럼 변하여 이 ProductStatus.Soldout에 다른 값을 할당하려고 할때 컴파일 오류가 발생합니다
좀더 안전해지겠죠?
728x90
반응형
'WEB2.0 > 프로그래밍' 카테고리의 다른 글
javascript로 글자수 세기 위한 노력 (0) | 2023.04.05 |
---|---|
매우 쉬운 github action의 시작, npm test 실행하기 (0) | 2023.03.10 |
당신의 typescript 함수를 순수하게 만들어줄 readonly (0) | 2023.03.07 |
typescript의 인터페이스는 javscript에는 없습니다 (0) | 2023.03.06 |
http status 304 를 활용하여 네트워크 전송 절약하기 (0) | 2022.12.09 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 공모전
- 앱스토어
- 어플리케이션
- php
- 창업
- Apple
- 자바스크립트
- 애플
- 트위터
- 대학생
- 아이폰
- CSS
- 스마트폰
- 게임
- android
- 네이버
- 모바일
- 웹표준
- JavaScript
- 아이디어
- 앱
- 안드로이드
- AWS
- 소프트웨어
- 벤처
- 경진대회
- 구글
- iPhone
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함