//約定此函數(shù)調(diào)用時(shí)必須傳入一個(gè)數(shù)組，并返回?cái)?shù)組第一項(xiàng)
function arrFn <T> (arr: T[]) :T|undefined {
        return arr[0]
}

  const n = arrFn([1,2])      //number類型
  const s = arrFn(['a','b'])  //string類型
  const u = arrFn([])          //undefined類型
  
  //也可以進(jìn)行指定類型
  arrFn<number>([1,2])   //此時(shí)數(shù)組中元素就必須是number類型

// 定義一個(gè)map函數(shù)
//第一個(gè)參數(shù)約定傳入一個(gè)數(shù)組
//第二個(gè)參數(shù)約定傳入一個(gè)函數(shù) 
//此函數(shù)的返回值就是操作之后的數(shù)組

function map <In,Out>(arr:In[], fun:(val:In)=>Out):Out[] {
    return arr.map(fun)
}

const res = map([1,2,3,4,5],(i)=>i+1)
console.log(res) ///[ 2, 3, 4, 5, 6 ]

// 定義一個(gè)函數(shù)，傳入兩個(gè)值，來比較哪個(gè)更長 ,相等就返回0
function compare <T extends {length: number}> (a:T, b:T){
    if(a.length < b.length){
        return b
    }else if(a.length === b.length){
        return (a.length - b.length)
    }else{
        return a
    }
}
const res1 = compare('哈哈哈','哈哈哈')
console.log(res1) // 0

const res2 = compare('我真酷','你酷')
console.log(res2) // '我真酷'

const res3 = compare('我酷','你真酷')
console.log(res1) // '你真酷'

//我們定義一個(gè)泛型T ，并讓其繼承一個(gè)有l(wèi)ength屬性的對象
//給參數(shù)指定類型，第一個(gè)參數(shù)為T類型，第二參數(shù)為number類型
//返回值也為T類型
const myTs =<T extends {length:number}> (obj:T,num:number):T => {
        if(obj.length >= num){
            return obj
        }else{
            return {length:num} //此處會(huì)報(bào)錯(cuò)
        }
    }

const myTs =<T extends {length:number}> (obj:T,num:number):T => {
        if(obj.length >= num){
            return obj
        }else{
            const res = {length:num}   //把鼠標(biāo)放上res，可以看到res的類型是 {length:number}
            return  res       //但是我們約定的返回值是T類型，
                              //這里會(huì)報(bào)錯(cuò) 不能將類型“{ length: number; }”分配給類型“T”
        }
    }

 const myTs =<T extends {length:number}> (obj:T,num:number):T => {
        if(obj.length >= num){
            return obj
        }else{
             obj.length = num
            return  obj
        }
    }
   const res =  myTs({length:3},6)
   console.log(res)   //{ length: 6 }

 // 定義一個(gè)連接兩個(gè)數(shù)組的函數(shù) 
    // 并約定兩個(gè)參數(shù)的類型都為泛型數(shù)組
    // 且返回值也為一個(gè)泛型數(shù)組
    const mergeArray = <T> (arr1 : T[],arr2 : T[]) :T[] => {
        // concat 為數(shù)組連接，不會(huì)改變原數(shù)組，需要使用值接收
        return arr1.concat(arr2)
    }
    // 但是當(dāng)我們在使用這個(gè)函數(shù)的時(shí)候就會(huì)發(fā)現(xiàn)
    // 如果第一個(gè)參數(shù)數(shù)組中的元素都為number類型
    // 而第二個(gè)參數(shù)數(shù)組的類型與第一個(gè)不一致時(shí)
    // TS就會(huì)報(bào)錯(cuò)，這樣使用就只能傳入兩個(gè)一樣類型的數(shù)組參數(shù)
    mergeArray([1,2,3],['a','b']) //報(bào)錯(cuò)，不能將類型“string”分配給類型“number”

 const  res=  mergeArray<number | string>([1,2,3],['a','b','c'])
    console.log(res)  //[ 1, 2, 3, 'a', 'b', 'c' ]