inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

as const 를 붙여서 readonly된 객체의 타입

해결된 질문

364

맥시멈한삶

작성한 질문수 4

1

const obj = {
    A: "a",
    B: "b"
}

function isInclude (param: string) {
    if(Object.values(obj).includes(param)){
        return true
    }
    return false
}

isInclude 함수의 매개변수가

(obj의 value 값 배열인) ["a", "b"] 에 포함이 될 때 true를 반환하고,

그렇지 않을때는 false를 반환하는 함수 입니다.

func("a"); // true
func("b"); // true
func("c"); // false

그런데!!!

const obj = {
    A: "a",
    B: "b"
} as const

function isInclude (param: string) {
    if(Object.values(obj).includes(param)){
        return true
    }
    return false
}

`obj` 객체를 as const로 readonly 객체로 만들어주니 에러가 납니다.

as const질문.pngstring 이 "a" | "b" 에 할당 가능하지 않다?? 그러면 as const를 안붙일때도 불가능 해야하지 않나요?

typescript

답변 1

0

제로초(조현영)

객체는 const여도 수정 가능합니다.

as const를 붙이면 객체를 수정하지 않겠다는 뜻입니다.

그러면 param은 'a' | 'b'만 가능하죠.

as const를 떼면 객체를 수정할 수도 있으니 param은 넓은 string 타입이 됩니다.

0

맥시멈한삶

as const를 붙이면 객체를 수정하지 않겠다는 뜻입니다.
그러면 param은 'a'|'b' 만 가능하죠.

 

이 두 문장 사이의 논리가 궁금합니다.

저는 param에 string을 넣었는데 왜 param이 "a"| "b" 가 되어야 하나요?

그것이 아니라면 제가 array.prototype.includes를 잘못 사용하고 있는 것 인가요?

0

제로초(조현영)

Object.values(obj)는 'a' | 'b'로 고정됩니다. ['a', 'b'].includes('c')는 의미가 없죠. 어차피 false니까요. 그래서 param은 string같이 넓으면 안 되고 'a' | 'b'만 됩니다.

 

1

제로초(조현영)

interface Array<T> {
    /**
     * Determines whether an array includes a certain element, returning true or false as appropriate.
     * @param searchElement The element to search for.
     * @param fromIndex The position in this array at which to begin searching for searchElement.
     */
    includes(searchElement: T, fromIndex?: number): boolean;
}

1

제로초(조현영)

타이브크립트에서 애초에 (['a', 'b'] as const).includes('c') 같이 무조건 false인 상황을 불가능하게끔 타이핑해놨습니다.

0

맥시멈한삶

애시당초 searchElement의 타입의 제네릭이 맞지 않아 일어나는 일이었군요. 정말 감사합니다. array.includes의 타입 선언 파일을 빨리 뜯어봤어야 하는 것이었네요.

강의 초반에 타입스크립트가 일종의 해당 코드에 대한 설명서라는 이야기를 하셨는데 참 와닿습니다. 항상 큰 도움 받습니다. 감사합니다.

데코레이터가 현재도 자주 쓰이는 문법인가요?

0

81

2

유틸리티 타입 실제로 구현은 못해도 하나씩 외우면 실무할 때 지장 없겠죠?

0

66

1

매핑 타입은 type에서밖에 안된다고 하네요?

0

65

2

자바에서의 오버로딩과 같은 개념이라고 생각해도 되나요?

0

69

2

filter 함수 반환 타입 네로잉 질문

0

74

2

map<U>(callbackfn: ....) 할때 U는 왜 여기 있는거에요??

0

49

2

ts 컴파일을 위한 type 라벨링 부분

0

46

1

concat 함수 타입 구현 중 질문 있습니다!

0

100

2

filter 메소드 질문

0

53

1

forEach 제네릭 관련 문의

0

60

1

타입 추론 시 가장 넓은 범위로 추론이 되는 건가요?

0

166

1

enum이 javascript로 트랜스파일링될때 사라진다하셨는데요

0

207

1

함수 파라미터 타입 정의 시 ...args: any[]와 ...args: any 의 차이

0

223

1

Flat type에서 ReadonlyArray 타입을 사용하는 이유?

0

157

1

bind type 질문

1

149

1

Lowercase type 관련 질문

0

152

1

key-value 타입 자동추론 질문드립니다

0

266

1

타입스크립트 교과서, p131

0

266

1

타입스크립트 교과서 p122 forEach 메서드 질문

0

233

1

타입스크립트 교과서 p116 , 코드에러남

1

269

1

타입스크립트 교과서 p112 , 코드가 안읽힙니다..

0

267

1

타입스크립트 교과서 p83

1

184

1

타입스크립트교과서 p39 쪽 코드가 이해가 안되요

1

227

1

class 에서 ts의 private vs js의 private field( # )

0

339

1