Hello! 欢迎来到小浪资源网!



如何设计一个函数,根据路径约束参数并精确推断出最终的URL字符串?


如何设计一个函数,根据路径约束参数并精确推断出最终的URL字符串?

如何设计一个函数,根据第一个参数(路径)约束第二个参数(参数),并推断出最终结果?

例如,我们需要一个函数来合并路径和参数,根据路径来约束所传的参数,最终拼接路径和参数得出最终的字符串

type path2params = {   '/order/detail': { orderid: String };   '/product/list': { type: string; pagesize: string; pageno: string }; };  const orderparams: path2params['/order/detail'] = { orderid: '123' }; const productlistparams: path2params['/product/list'] = { type: 'electronics', pagesize: '10', pageno: '1' };

通过函数能推断出orderurl为/order/detail?orderid=123,productlisturl为/product/list?type=electronics&pagesize=10&pageno=1

但现有实现存在问题:

// ......省略部分代码...... const orderurl = buildstringwithparams('/order/detail', orderparams); const productlisturl = buildstringwithparams('/product/list', productlistparams);

orderurl被推断成为/order/detail?orderid=${string},productlisturl被推断成为联合类型。理想情况下,我们希望函数能够直接正确推断出结果,即:

orderurl 为 "/order/detail?orderid=123" productlisturl 为 "/product/list?type=electronics&pagesize=10&pageno=1"

如何修改函数以实现上述目标?

问题的关键在于推断出最终结果的类型。通过修改类型定义,可以实现所需的推断:

// ......省略部分代码......  const orderUrl = buildStringWithParams<'/order/detail', Path2Params['/order/detail']>(   '/order/detail',   orderParams, ); const productListUrl = buildStringWithParams<'/product/list', Path2Params['/product/list']>(   '/product/list',   productListParams, );

这样,orderurl和productlisturl就可以正确推断出类型了。

相关阅读