실제 타이프 스크립트에서 일반 사용

Question

typescirpt에서 제네릭을 실제로 사용하는 이유는 무엇입니까?

위의 예에서 인터페이스 c를 CalcAverageAge 함수에 전달합니다.

그러나 ICustomer를 사용하지 않으면 해당 클래스 안에 나이와 이름을 사용할 수 없습니다.

그런 다음 함수에서 템플릿 (c)을 전달하는 용도는 무엇입니까? 우리는 직접

function CalcAverageAge(cust1: ICustomer, cust2: ICustomer): number 
{ 
    return (cust1.age + cust2.age)/2; 
} 

당신이 제네릭 정말 유용한 실제 예를 줄 수 아래 형식으로 코드를 작성할 수 있습니다?

제네릭을 사용해야하는 시나리오를 설명합니다.

interface t1{ 
a:String 
b:number 

} 
interface t2 { 
a:String 
b:number 
c:number 
} 
interface t3 { 
a:String 
b:number 
d:number 
} 

class base<T extends t1> { 
    constructor(input : T, type:string){ 

     //some common code for both derived1 and derived2 
     if(type==="derived1"){ 
     console.log(input.c);// will throw error because t1 doesn't contains c 
     } else if (type==="derived2"){ 
      console.log(input.d);// will throw error because t1 doesn't contains d 
     } 
    } 
} 

class derived1 extends<t2>{ 
constructor(){ 
var temp = {a:"11",b:2,c:3} 
super(temp,"derived1"); 
} 
class derived2 extends<t3>{ 
constructor(){ 
var temp = {a:"11",b:2,d:3} 
super(temp,"derived2"); 
} 
} 

우리는 generice로 이것을 얻을 수 있습니까?

중복 코드를 피하는 가장 좋은 방법은 무엇이 아닌가?

Answer 1

예를 들어 인터페이스가 모두 필요한 것이 맞습니다.

Generics는 무언가를 만들고 싶을 때 유용합니다. ; 때로는 인터페이스가 필요하지 않은 매우 일반적인 것일 수도 있습니다. 가져 오는 예제는 generic 일뿐만 아니라 인터페이스를 통해 generic이 어떻게 보이는지 제한합니다.

제네릭을 사용할 수있는 다른 예는 모든 유형의 항목을 포함 할 수있는 모음입니다. typescript의 배열 유형은 예를 들어 var a = new Array<number>()입니다.

그러나

당신이 두 항목이 같은 비교하는 기능을 만들려는 말 다음 max 기능은 대부분의 경우에 IValue 등의 결과를 반환 당신은 문제가이 경우

interface IValue { value: number; } 

function max(a: IValue, b: IValue): IValue { 
    return a.value > b.value ? a : b; 
} 

를이 네가 원하는게 아니야. 여기

interface IValue { value: number; } 

function max<T extends IValue>(a: T, b: T): T { 
    return a.value > b.value ? a : b; 
} 

max의 반환 형식은 제네릭 형식 T이 무엇이며,이 더 유용하다 : 당신이 원하는 것은이 같은 것입니다.