>[success] # 聯合類型 ~~~ 1.聯合類型表示一個值可以是幾種類型之一，用'|' 來表示 ~~~ ~~~ const getLenFunc = (content:number|string)=>{ if (typeof content === 'string'){ return content.length} else {return content.toString().length} } // getLenFunc(true) // 報錯 只能是string 或者是number類型中的一個 ~~~ >[danger] ##### 沒有聯合類型 ~~~ 1.如果沒有聯合類型可能使用時候需要'any' 或'unknown' ~~~ ~~~ // 只想讓參數接受 string 和 number 參數，需要不停的縮小參數范圍 function getParams(param: unknown) { if (typeof param === 'string') return param else if (typeof param === 'number') return param else throw Error('只能是字符類型') } ~~~  * 用聯合類型 ~~~ function getParams1(param: string | number) { return param } ~~~  >[danger] ##### 接口用聯合類型 ~~~ 1.如果一個值是聯合類型，我們只能訪問此聯合類型的所有類型里共有的成員 簡單的說'使用一個聯合類型的參數只能使用共有成員'，下面案例中c雖然有age屬性，但是會報錯 只能使用他們的共有成員name ~~~ ~~~ interface a { name:string, age:number } interface b { name:string, sex:string } // const c:(a|b) = { // age:13, // sex:'nan' // } // 報錯 const c:(a|b) = { name:'fff', age:12, sex:'w' } // c.age// 報錯 c.name ~~~ >[danger] ##### 可辨識聯合類型 ~~~ 1.在中增加 和 修改 這兩個需求的時候往往，新增不需要id 但是修改需要id，往往這種處理一般都會集中在一個公共方法中 舉個例子 ~~~ ~~~ type Add = { name: string age: number } type Edit = { id: number name: string age: number } function submit(params: Add | Edit) { // ....... console.log(params.id) // 報錯 } ~~~ * 解決方法縮小范圍 ~~~ 1.使用 if 等流程控制語句，下面案例只能使用'in' ~~~ ~~~ type Add = { name: string age: number } type Edit = { id: number name: string age: number } function submit(params: Add | Edit) { // 無效 // if(params.id){ // // console.log(params.id) // } // 無效 // if(Reflect.has(params,"id")){ // console.log(params.id) // } // 無效 // if(Reflect.get(params,"id")){ // console.log(params.id) // } if ('id' in params) { console.log(params.id) } } ~~~