Interface

  1. type Method = 'get' | 'post'
  3. interface EasyFetchRequestConfig {
  4.     url: string
  5.     method?: Method
  6.     data?: any
  7.     params?: any
  8.     headers?: any
  9.     responseType?: XMLHttpRequestResponseType
  10.     timeout?: number
  11. }
  13. function test(config: EasyFetchRequestConfig): void {
  14.     console.log(config.url)
  15. }
  16. test({ url: 'test', num: 2 })    // 会报错，因为num没有定义
  17. test({})    // 报错，url属于必传
  18. test({ url: 'test' })    // 编译通过

混合工厂

  1. interface EasyFetch {
  2.     getURL(url: string): string
  3. }
  5. /** 混合工厂接口 */
  6. interface EasyFetchInstance extends EasyFetch {
  7.     (start: number): string
  8. }
  10. function createInstance(): EasyFetchInstance {
  11.     const instance = function(start: number): string {
  12.         return 'test'
  13.     }
  14.   instance.getURL = function (url: string): string { return url };
  15.     return instance
  16. }
  18. const easyFetch = createInstance()
  19. easyFetch(2)
  20. easyFetch.getURL('mmp.xxx')

Type

类型别名

  1. type Method = 'get' | 'post' // 只能2选1
  3. interface EasyFetchResponse {
  4.     status: string
  5. }
  7. type EasyFetchPromise = Promise<EasyFetchResponse>
  9. function xhr(): EasyFetchPromise {
  10.     return Promise.resolve({status: 'success'})
  11. }
  12. xhr().then(status => {
  13.     console.log(status)
  14. })