浅析type和interface的异同点

　　在 typescript 里面，有两个概念十分容易混淆，那便是 type 和 interface，它俩都可以用来表示 接口，但是实际使用上会存在一些差异

一、相同点

　　它俩就是对 接口定义 的两种不同形式，目的都是一样的，都是用来定义 对象 或者函数 的形状

1、interface 如何定义接口或函数

interface example {
　　name: string
　　age: number
}
interface exampleFunc {
　　(name:string, age:number): void
}

2、type 如何定义接口或函数

type example = {
　　name: string
　　age: number
}
type example = (name:string,age:number) => void

3、它俩也都支持 继承，并且不是独立的，而是可以 互相 继承，只是具体的形式稍有差别

    type exampleType1 = {
        name: string
    }
    interface exampleInterface1 {
        name: string
    }
    
    
    type exampleType2 = exampleType1 & {// type 使用 & 继承
        age: number
    }
    type exampleType2 = exampleInterface1 & {// type 与 interface 可互相继承
        age: number
    }
    interface exampleInterface2 extends exampleType1 {// interface使用extends继承
        age: number
    }
    interface exampleInterface2 extends exampleInterface1 {
        age: number
    }

　　可以看到对于interface来说，继承是通过 extends 实现的，而type的话是通过 & 来实现的，也可以叫做 交叉类型

二、区别

1、type可以做到，但interface不能做到的事情

1. type可以定义 基本类型的别名，如 type myString = string
2. type可以通过 typeof 操作符来定义，如 type myType = typeof someObj
3. type可以申明 联合类型，如 type unionType = myType1 | myType2
4. type可以申明 元组类型，如 type yuanzu = [myType1, myType2]

2、interface可以做到，但是type不可以做到的事情

　　interface可以 声明合并，而 type 却不能，type 是覆盖

interface test {
    name: string
}
interface test {
    age: number
}
/*
    test实际为 {
        name: string
        age: number
    }
*/

　　这种情况下，如果是type的话，就会是 覆盖 的效果，始终只有最后一个type生效