函数重载的写法遇到问题

Question

请教老师和同学们：

location: 课程2-12《复杂函数类型补充学习》中的重载写法
question: 只是简单将64行return (str+strx).length修改为65行return 0, TS检查器就飙红了。

不是很清楚哪里写的不对，请教大家！

Answer 1

飞翔的旋律 2023-01-27 14:13:48

是的 重载函数的返回值应该保持一致， 代码改为如下即可：

1 2 3 4 5 6 7 8 9 10 11 12 13 14

//申明函数重载 function getString(str: unknown): number; function getString(str: unknown, str2: string): number;   //实现函数 function getString(str1: unknown, str2?: string) {     if(typeof str1 === 'string') {         return 0;     }       return 1; }   console.log(`getString value = ${JSON.stringify(getString(1))}`);

这个和Java 的重载感觉差不多

刚才看了视频中重载函数的使用例子，感觉是不是如果自己写Demo可能还行，如果在项目中一般不会在一个方法中有调用返回string 有调用返回number 的两个不同函数定义， 这样一般会是的代码逻辑不够清晰， 要不然实现两个不同的函数内容, 个人意见供参考：

1 2 3 4 5 6 7 8 9 10 11 12 13

//函数重载 function getStringValue(str: string): string; function getStringValue(str1: string, str2: string): number;   function getStringValue(str1: string, str2?: string) {     if (typeof str1 === 'string' && str2) {        return (str1 + str2).length; //TS调用第二函数定义        }       return str1; //TS 调用第一个函数定义 }   console.log(`The value is called - ${getStringValue('123', 'werwer')}`);

Answer 2

飞翔的旋律 2023-01-27 11:20:31

你仔细看下你的函数定义， 一个是返回参数是string，一个是number， 而你调用的函数时返回string 但是你的if 条件句判断return 0 是number， 你转成string 因该就没问题了，

你的这段代码我有两个疑问：

1. getstring 为什么重载地二函数返回是number?

2. 真正逻辑的函数为什么为什么没有返回值？

其实对于多个参数代码也可以这么写,， 供参考：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

//返回仅为字符串的数据类型,函数可以写成泛型话， 此处体会<初学者和最强辅助OpenAI(chatGPT>  //给出的两个版本，自己也在学习中  //优化前(自己最初的写法) // const getStringResult = <T>(...args : unknown[]): T[] => { //     const filterString: T[] = []; //     args.filter(arg => { //         if (typeof arg === 'string') { //             filterString.push(arg as T); //         }  //     });   //     return filterString; // }   //优化后(Open AI -> ChatGPT 给出的优化方案如下) const getStringResult = <T>(...args : unknown[]): T[] => {     return args.filter((arg :unknown) => typeof arg === 'string') as T[]; }     const inputValue_1 : unknown = 'aa4'; const inputValue_2 : unknown = undefined; const inputValue_3 : unknown = true; const inputValue_4 : unknown = 2;   console.log(`getStringResult value = ${JSON.stringify(getStringResult<string>(inputValue_1, inputValue_2, inputValue_3, inputValue_4))}`);

• 提问者 renderman #1

  首先,感谢慕圣9599806你的回复。
  上面已标明是课程代码，所以需求层面的东西就不多说了
  问题的核心是：在实现签名中，TS应当可以推断出是哪一个重载签名了，此处不应该报错有些不理解。
  我目前的解决办法是：给实现签名指定联合类型的返回值