// 通過(guò) | 符號(hào)定義聯(lián)合類型
let value: number | boolean | string = '一碗周'
value = 18

// 定義三個(gè)普通接口類型
interface Name {
  name: string
}
interface Age {
  age: number
}
interface Hobby {
  hobby: string
}
// 定義一個(gè)對(duì)象，該對(duì)象為上面三個(gè)對(duì)象的聯(lián)合類型
let person: Name & Age & Hobby = {
  // 如果少分配一個(gè)類型將會(huì)拋出異常
  name: '一碗周',
  age: 18,
  hobby: 'coding',
}

// 定義一個(gè)包含number或者string的數(shù)組
const arr: (number | string)[] = [1, '數(shù)字']
// 遍歷數(shù)組返回第一個(gè)數(shù)字
const getValue: (arr: (number | string)[]) => number = (
  arr: (number | string)[],
): number => {
  for (let i = 0; i < arr.length; i++) {
    // 如果當(dāng)前值轉(zhuǎn)換為數(shù)字時(shí)候不是一個(gè) NaN 則返回
    if (!isNaN(Number(arr[i]))) {
      return arr[i] // 不能將類型“string | number”分配給類型“number”。
    }
  }
}

const getValue: (arr: (number | string)[]) => number = (
  arr: (number | string)[],
): number => {
  for (let i = 0; i < arr.length; i++) {
    // 如果當(dāng)前值轉(zhuǎn)換為數(shù)字時(shí)候不是一個(gè) NaN 則返回
    if (!isNaN(Number(arr[i]))) {
      return arr[i] as number // 告訴 編譯器 我返回的就是一個(gè) number
    }
  }
}

// 使用自定義類型保護(hù)
// 1. 定義一個(gè)函數(shù) 其返回值是一個(gè) 類型謂詞，即 parameterName is Type 也就是 參數(shù)名 is 類型 的形式
function isNumber(value: number | string): value is number {
  // 如果返回 true 則說(shuō)明 傳入的 value 是 is 后面的type
  return !isNaN(Number(value))
}
// 2. 定義一個(gè)獲取數(shù)字的函數(shù)
const getNumber: (value: number | string) => number = (
  value: number | string,
): number => {
  // 如果調(diào)用 isNumber 的值為 true 則說(shuō)明 value 是一個(gè)數(shù)字，所以將數(shù)字返回
  if (isNumber(value)) {
    return value
  }
}
// 3. 調(diào)用獲取最終的數(shù)值
const getValue: (arr: (number | string)[]) => number = (
  arr: (number | string)[],
): number => {
  for (let i = 0; i < arr.length; i++) {
    // 如果返回?cái)?shù)字，轉(zhuǎn)換為 boolean 值為 true
    if (getNumber(arr[i]) || getNumber(arr[i]) === 0) {
      return getNumber(arr[i])
    }
  }
}

// 1. 定義一個(gè)獲取數(shù)字的函數(shù)
const getNumber: (value: number | string) => number = (
  value: number | string,
): number => {
  // 判斷當(dāng)前是否為字符串，如果是返回當(dāng)前值
  if (typeof value === 'number') {
    return value
  }
}
// 2. 調(diào)用獲取最終的數(shù)值
const getValue: (arr: (number | string)[]) => number = (
  arr: (number | string)[],
): number => {
  for (let i = 0; i < arr.length; i++) {
    // 如果返回?cái)?shù)字，轉(zhuǎn)換為 boolean 值為 true
    if (getNumber(arr[i]) || getNumber(arr[i]) === 0) {
      return getNumber(arr[i])
    }
  }
}

/**
 * 由于 instanceof 僅僅支持引用類型，不支持原始類型，所以說(shuō)這里需要進(jìn)行一下改動(dòng)，將數(shù)組修改為如下：
 */
const arr2: (Number | String)[] = [new String('彼岸繁華'), new Number(10)]
// 1. 定義一個(gè)獲取數(shù)字的函數(shù)
const getNumber: (value) => number = (value): number => {
  // 判斷當(dāng)前是否為 Number 類型，將當(dāng)前值轉(zhuǎn)換為字符串返回
  if (value instanceof Number) {
    return Number(value)
  }
}
// 2. 調(diào)用獲取最終的數(shù)值
const getValue: (arr: (Number | String)[]) => number = (
  arr: (Number | String)[],
): number => {
  for (let i = 0; i < arr.length; i++) {
    // 如果返回?cái)?shù)字，轉(zhuǎn)換為 boolean 值為 true
    if (getNumber(arr[i]) || getNumber(arr[i]) === 0) {
      return getNumber(arr[i])
    }
  }
}