今天看啥  ›  专栏  ›  前端宇宙

这个 TypeScript 技巧将让你大开眼界

前端宇宙  · 公众号  ·  · 2024-09-29 09:05

文章预览

TypeScript 是一个了不起的工具,可以用来操纵现有数据并开发出优秀的实践方法。 今天我们将探索如何从字符串数组中正确提取全名,以确保输出的类型安全和干净。 问题 我们检查一下这段代码并理解它的问题: const names = [ "Daniel Craciun" ,  "John Doe" ,  "Harry Pigeon" ] const findName = (surname: string) => {    return  names.find((name) => name.includes(surname)) } // 我们可以传入任意字符串,这是不理想的。 console.log(findName( "Craciun" )) // 输出: Daniel Craciun console.log(findName( "Doee" )) // 输出: undefined 这段代码使用了一个名字数组进行搜索。findName 函数接受一个姓氏字符串并返回相关的全名。问题在于当你输入 "Doee" 进 findName 函数时会出现。 这个不起眼的拼写错误会导致 undefined 输出,这可能会在后续导致错误,因为没有任何机制阻止我们犯这个错误。 这 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览