走进开源项目 - urlcat 源码分析.docxVIP

在《走进开源工程-urlcat》中，对工程整体进行了分析，对如何做开源也有了 进一步的了解，该篇再深入研究下〃儿比源码。 该工程到底做了什么？ // 常规写法一 const APIJJRL = s：//api.cxaMp(e /;fiAi^ctio^. getUseirPosts(id, blogld, offset) { const request Uri =、于{APLURL}/〃scd/${id}/勿。gs/${勿。g/d}/posts?〃nAit =$= ${offse±F； // send request) // 常规写法二 const APLURL = 1 s://api.exai^\ple.coWz;fiAnction getUserPosts(id)blogld^ limit, offset) { co八st escape41d = c八codeURCoM?oncnt(7d); const escapedBlogld = ei^codeURICoi^poi^e^t(bloglcC); const patl^\ = /〃seKS/${esca?cdld}/勿ogs/${csca?cdB/og/dF； co八优 uH =八ew URL(p4Mb AP/_(JRL); urlsearch =八ew URLSearchParai^s([ (iMit, offset )); const 丫equcstUH = urLhref; // send request) // 使用 uirlcat 之后的写法 c。八st AP/JJRL 二么ftps：//”画.0X4^/?.,。^/;心八出。八 getUse丫Posts(id)li^v\it, offset) { cov\st vequestU” = urlcat(API_URLJ 7users/:id/posts1, {offset )); if (tgpcof pathTe^plateOrPara^s === Ktr证g){ co^st baseUiri = baseUrlOrTiexpiate; coinst pathTei^plate = pathTe^plateOrPara^; coi^st params = i^aybeParakv\$; return udcatl^p^patKre^plate, params, bascUH, config); } else ( cov\st baseTei^\plate = bascUHOrTexpiate; coinst p4raMs = pathTe^plateOrParai^s; return urlcatlkv\pl(haseTekv\plate, params, 6mdefMcd, co八fig); )) 这局部代码是利用Typescript定义重载函数类型，采用连续多个重载声明+ 一 个函数实现的方式来实现，其作用是为了保证在调用该函数时，函数的参数及返 回值都要兼容所有的重载。 例如下列图，第三个参数类型在重载函数类型中并不存在。 import urlcat import urlcat from *./test1; const API_URL = s :〃api.example 类型string”的梦数不能赋给类型“ParamMap”的参数. 台糟问题没有可用的快速修复 urlcat(API_URL, */users/:id/posts1t ,211);第三段 以下代码是核心，作者通过职责别离的方式，将核心方法代码简化。 // 核心方法 function urlcatli^\pl( pathTeMpSte: string, paira^： Para^Map, baseUH: string | a八defined, config: UrlCatCoinfigiAratioiri){ // 第一步 path(7users/:id/posts1, { id: 1? /imit: 3(9 })返回 〃/aseKs/l/posts〃 和 lii^it: 30 cov^st { reiaderedPath,忆侬〃证以gPa忆3s } = path(pathTeMp(atc, params); //第二步 移除Mull或者U八dcfMcd属性 const dea^Parai^s 二 reMoveNullOrU^de^rei^ai^i^gPara^); // 第三步{(i*it: 30)转 li^v\it=3O const re八deredQacrg = q“crg(c/c〃八4Ms, config); // 第四步 拼接返回 /〃scd/1/?osts?it=：3。 const