const array_name: dataype[] = [val, val2];

const character: string[] = ["楊過", "小龍女"];

const numb: Number[] = [2, 4, 6, 8];
// 等同于
const numb2: Array<number> = [2, 4, 6, 8];

const str: String[] = ['西安', '北京', '上海'];
// 等同于
const str2: Array<string> = ['西安', '北京', '上海'];

const array2: (string | number)[] = ['孟浩然', 99];
// 等同于
const array: Array<string | number> = ['孟浩然', 99];

const array_name: Array<dataype> = [val, val2];

const array_name: Array<Array<datatype>> = [[val1, val2, val3],[v1, v2, v3]];
// 等同于
const array_name: datatype[][] = [[val1, val2, val3]];

const test: Array<Array<string>> = [['獅子頭'], ['清蒸鱸魚']];
// 等同于
const test: string[][] = [['獅子頭', '清蒸鱸魚', '鮮椒牛蛙'], ['北京烤鴨'], ['地鍋雞', '餓了']];

const test3: Array<[string]> = [['甘雨'], ['我的']];
// 等同于
const test3: [string][] = [['甘雨']];


// error
// 不能將類型“[string, string]”分配給類型“[string]”。
// 源具有 2 個(gè)元素，但目標(biāo)僅允許 1 個(gè)。
const test3: [string][] = [['甘雨', '我的']];

// 類型固定的元組
// let arrAny: any[] = [1, 'TEST']; 奇葩且沒有意義的寫法，不推薦
let tuple1: [number, string, boolean] = [1, 'TEST', false];
 
// 數(shù)組和元組的區(qū)別
// 利用函數(shù)動(dòng)態(tài)拼合一個(gè)元組
function useFetch() {
    const response: string = "Barry";
    const age: number = 25;
    return [response, age] as const;
}
// 這里如果不使用 as const 會(huì)發(fā)現(xiàn) 我們結(jié)構(gòu)出來的數(shù)組類型是response: string | number
// 使用完 as const 以后 為string，as const 也叫類型斷言
const [response] = useFetch() // 發(fā)現(xiàn) const response: string | number
 
// 數(shù)組轉(zhuǎn)化元組 泛型
function useFetch2() {
    const response: string = "Barry";
    const age: number = 25;
    return tuplify(response, age)
}
 
function tuplify<T extends unknown[]>(...elements: T): T {
    return elements;
 
}

//定義數(shù)組的方式
let arr: number[] = [1, 2, 3]; //第一種： 必須全部是number類型；
 
let arr2: Array<number> = [1, 2, 3]; // 第二種
 
let arr3: Array<number> = new Array(4); // 第三種：表示定義一個(gè)數(shù)組的長(zhǎng)度，一般固定一個(gè)數(shù)組的長(zhǎng)度時(shí)這個(gè)方法比較方便
let arr4 = new Array<number>(4);  //這種寫法和 arr3 效果是一樣的
console.log(arr3.length);
 
// interface 定義
interface NumberArray {
    [index: number]: number;
}
 
let arr5: NumberArray = [1, 2, 3];
 
//類數(shù)組
function sum() {
    let args: IArguments = arguments;
 
    // args.callee()
}

// 強(qiáng)制類型轉(zhuǎn)換
 
function getLength(str: string | number): number {
    // if((<String>str).length) 上下兩種方式
    if ((str as string).length) {
        return (<String>str).length
    } else {
        return str.toString().length;
    }
}

// 類型別名
 
type Name = string;
type NameResolver = () => string;
type NameOrResolver = Name | NameResolver;
function getName(n: NameOrResolver): Name {
    if (typeof n === 'string') {
        return n
    }
}
 
// interface  實(shí)現(xiàn) 類型
 
interface A {
 
}
function helper(options: A): A {
    return options
}