一站掌握TypeScript 基础入门+语法进阶+高级语法,typescript总结
本文将和大家分享7个你需要知道的TypeScript中的方法,希望对你有所帮助!
TypeScript中的类型系统非常强大。它为我们提供了类型安全。虽然类型很受欢迎,但如果我们不规划和设计类型和接口,会使我们的代码混乱和难以阅读。
泛型
在避免代码重复方面,创建可重用类型是编写简洁代码的重要部分。是TypeScript的一个特性,它允许我们编写可重用的类型。请看下面的例子:
类型AddT=(a: T,b: T)=T
const addNumbers: Addnumber=(a,b)={
返回a b
}
const Addstring:Addstring=(a,b)={
返回a b
}将正确的类型放入Add的泛型中,可以用来描述两个数的相加或者两个字符串的连接。我们不需要为每个函数写一个类型,只需要用泛型做一次。这不仅节省了我们的精力,而且使我们的代码更简洁,更不容易出错。
实用类型
TypeScript原生提供了几个有用的实用类型,帮助我们进行一些常见的类型转换。这些实用程序类型是全球可用的,它们都使用泛型。
下面这七个是我经常用的。
1. PickType, Keys
选择将从类型中选择属性集键来创建一个新的类型。键可以是文字字符串或文字字符串的联合。Keys的值必须是Type的键,否则TypeScript编译器会报错。当您希望通过从具有许多属性的对象中拾取一些属性来创建较轻的对象时,该工具类型特别有用。
键入User={
名称:字符串
年龄:数量
地址:字符串
职业:字符串
}
键入BasicUser=PickUser, name age
//type BasicUser={
//name:string;
//年龄:数字;
//}2. OmitType, Keys
省略是挑选的反义词。Keys不是指保留哪些属性,而是要省略的属性键集合。当我们只想从对象中删除一些属性并保留其他属性时,这将会更有用。
键入User={
名称:字符串
年龄:数量
地址:字符串
职业:字符串
}
键入BasicUser=OmitUser,地址 职业
//type BasicUser={
//name:string;
//年龄:数字;
//}3. PartialType
Partial构造一个所有类型属性都设置为可选的类型。这在我们编写对象的更新逻辑时非常有用。
键入User={
名称:字符串
年龄:数量
地址:字符串
职业:字符串
}
PartialUser类型=PartialUser
//type PartialUser={
//名字?字符串;
//年龄?数字;
//地址?字符串;
//职业?字符串;
//}4. RequiredType
Required是Partial的反义词。它构造了一个所有属性都是必需的类型。它可用于确保类型中不出现可选属性。
类型PartialUser={
名称:字符串
年龄:数量
地址?字符串
职业?字符串
}
类型User=RequiredPartialUser
//type User={
//name:string;
//年龄:数字;
//地址:字符串;
//职业:字符串;
//}5. ReadonlyType
Readonly生成一个类型,该类型的所有属性都设置为只读。重新分配新值TS将报告错误。
键入User={
名称:字符串
年龄:数量
地址:字符串
职业:字符串
}
类型ReadOnlyUser=ReadonlyUser
常量用户:ReadOnlyUser={
姓名:小智,
年龄:24,
地址:厦门,
职业:“感动世界”
}
User.name=王大爷
//无法赋值给“name ”,因为它是只读属性。6. ReturnTypeType
ReturnType从函数类型的返回类型生成类型。当我们处理来自外部库的函数类型并希望基于它们构建自定义类型时,它非常有用。
从“axios”导入axios
类型响应axios的返回类型类型
函数callAPI(): Response{
返回axios(url )
}除了上面提到的,还有其他实用的类型可以帮助我们写出更干净的代码。可以在这里找到关于实用工具类型的TypeScript文档的链接。
Type是TypeScript提供的一个非常有用的函数。开发人员应该使用它们来避免硬编码类型。比同事漂亮?你只需要知道这些!
有关编程的更多信息,请访问:编程入门!这就是TypeScript中值得了解的七个方法的细节。请多关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。