본문 바로가기
반응형

programming language/TypeScript13

타입 추론과 타입 단언 타입스크립트가 타입을 추론해 나아가는 과정은 변수를 선언하거나 초기화 할때 이외에도 변수, 속성, 인자의 기본 값, 함수 반환 값등을 설정할 때 타입 추론이 일어난다. 보통은 몇개의 표현식을 바탕으로 추론하는데 가장 근접한 타입을  Best Common Type 이라고 한다.그리고 타입을 추론하는 다른 방법으로는 바로 문맥상으로 타입을 결정하는 것이있다.  자세한 내용https://joshua1988.github.io/ts/guide/type-inference.html#%EB%AC%B8%EB%A7%A5%EC%83%81%EC%9D%98-%ED%83%80%EC%9D%B4%ED%95%91-contextual-typing 타입 추론 | 타입스크립트 핸드북타입 추론(Type Inference) 타입 추론이란 타입.. 2024. 8. 15.
Property 'done' does not exist on type 'object' .ts 타입 정의 하기 function completeTodo(index:number, todo:{ id: number, title: string, done: boolean, }): void { todo.done = true; todoItems.splice(index, 1, todo); } 타입 정의 let todoItems: { id: number, title: string, done: boolean }[]; function completeTodo(index:number, todo:{ id: number, title: string, done: boolean, }): void { todo.done = true; todoItems.splice(index, 1, todo); } 중복되는 코드를 줄이고 타입을 하나로.. 2023. 12. 24.
제네릭(Generics) 재 정리!! 제네릭은 재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징 중 하나이다. 한가지 타입보다 여러가지 타입에서 동작하는 컴포넌트를 생성하는데 사용된다.   function logText(text: T): T { console.log(text); return text;}logText(10);logText("ttt");logText(true);제네릭은 logText의 함수를 호출할 때 파라미터의 타입을 넘길 수 있다. 호출할 때 파라미터의 타입을 같이 지정하면서 넘기는 것이다.  [기존 타입 정의 방식과 제네릭의 차이점 알아보기]1. 함수 중복 선언의 단점- 타입을 다르게 받기위해 중복되는 함수 생성을 막을 수 있다. function logText(text:string) { console... 2022. 12. 28.
제네릭 화살표함수 화살표 함수식을 활용 let corsURL = (url:string): string => `https://crossorigin.me/${url}`; 제너릭 함수 구현 * function GenericReturnFunc(arg: T): T { return arg; } * const GenericReturnFunc = (arg: T): { return arg } 함수에서 타입스크립트 활용 return값은 type // number 타입의 매개변수를 return하는 함수 function NumberReturnFunc(arg: number): number{ return arg; } const NumberReturnFunc = (agr: number ):number => { return arg } // strin.. 2022. 12. 22.
728x90
반응형