TypeScript 断言

最新推荐文章于 2024-07-21 18:22:34 发布
最新推荐文章于 2024-07-21 18:22:34 发布
阅读量102 收藏
点赞数
分类专栏： react 断言 typeScript 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34703156/article/details/115228849
版权
typeScript 同时被 3 个专栏收录
11 篇文章 0 订阅
订阅专栏
react
6 篇文章 1 订阅
订阅专栏
断言
1 篇文章 0 订阅
订阅专栏

 

 

 

就看官网这样写 我有点蒙还是不知道他是干啥的。  怎么用？ 什么时候用？ 解决了什么问题？实际项目中如何应用？ 

那么接下来谈谈我对断言的理解！

1  什么是断言

在联合类型的时候，只能访问联合类型的共有方法或者属性，但是这个时候是不够用的。这个时候就要自己手动断言成某个类型。断言不是改变某个类型，

不是类型转换。这个时候能让取到你断言成的类型的方法。联合类型里面不存在的类型 是不能被断言的。

 

2  断言干了什么

还没仔细研究  

3  解决了那些实际问题

4 在项目中应用

 

 

 

 

HURRICANE_FAST
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
可能是你需要的 React + TypeScript 50 条规范和经验
weixin_34221332的博客
05-23 1062
这篇文章没有对错之分，肯定也有不完善的地方，结合了自己日常开发和经验。可以让你书写代码更具严谨性,希望看完之后有所帮助。本文字数4000+ ，看完本文大概需半小时。 1. 注释 (1) 文件顶部的注释，包括描述、作者、日期 /** * @description xxxxxx * @author chengfeng * @since 19/05/21 */ 复制代码(2) 模块的注释 /...
『TypeScript』类型断言
weixin_54182512的博客
11-14 2538
1. 类型断言 通过类型断言这种方式可以告诉编辑器，‘我很清楚这是一个什么类型’； 类型断言的两种形式： 1. as 语法 let strValue: any = 'this is string type'; let strLength: number = (strValue as string).length; 2. “尖括号”<> 语法 let strValue = 'this is a string type'; let strLength = (<string&g.
对于Typescript类型断言的理解
weixin_44868988的博客
04-28 289
Typescript类型断言什么情况下可以类型断言?举例将父类断言为更加具体的子类子类断言为父类需要注意的是双重断言 什么情况下可以类型断言? 要使得A类能够被断言为B类，只需要 A兼容B 或 B兼容A 即可 联合类型可以被断言为其中一个类型 父类可以断言为子类 子类也可以断言为父类 any类型可以断言为任意类型 任意类型都可以断言为any类型 举例 当我们想要调用swim方法且不确定类型时, 将类型断言成Fish 那么就不会报错 interface Cat { name: string; ru
typescript类型断言
bus_lupe的博客
01-15 678
interface Bird { fly(); layEggs(); } interface Fish { swim(); layEggs(); } function getSmallPet():Fish | Bird{ return } let pet = getSmallPet() // 如果一个值是联合类型，我们只能访问此联合类型的所有类型里共...
TypeScript 类型断言
包磊磊的博客
12-22 1141
类型断言（Type Assertion）可以用来手动指定一个值的类型。 语法 &lt;类型&gt;值 或者 值 as 类型 在 tsx 语法（React 的 jsx 语法的 ts 版）中必须用后一种。 例子：将一个联合类型的变量指定为一个更加具体的类型 当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，我们只能访问此联合类型的所有类型里共有的属性或方法： f...
typescript文档整理
block_xu的博客
12-31 500
安装 安装 npm install -g typescript 转换 cmd --> tsc xxx.ts //转换为js 基础操作 原始数据类型 let xxx: boolean = false let xxx: number = 11 let xxx: string = 'xxx' let xxx: undefined = undefined let xxx: null = n...
TypeScript类型断言
冯辉
04-09 1498
什么是类型断言 类型断言是可以手动指定一个值得类型 类型断言 let num3:number|string="10" num3=20 console.log(num3.length) 通过如上代码,当我们获取length的时候会报错因为我们赋值为20所以不存在属性length，那么我们就可以采用类型断言去做处理 <类型>值 function getAssert(name:string...
ts 属性名不确定的情况如何下定义类型
qq_34703156的博客
02-16 8256
/* 属性名不确定的对象 */ export type Params = { [key: string]: string;}; // 等同于// export type Params = Record<string, string>; const params : Params = {}; params.age = '/home'; //OK params.settings = '/settings'; //OK params.name='/somePath';//OK ...
React + TypeScript 实践
qq_34703156的博客
05-11 1886
React + TypeScript 实践 ❗️ 准备知识 熟悉 React 熟悉 TypeScript (参考书籍：2ality's guide[1], 初学者建议阅读：chibicode's tutorial[2]） 熟读 React 官方文档TS 部分[3] 熟读 TypeScript playgroundReact 部分[4] 本文档参考 TypeScript 最新版本 如何引入 React import*asReactfrom're...
高级TypeScript类型备忘单(带示例)
qq_34703156的博客
12-28 489
1 交集类型 是一种将多种类型组合为一种类型的方法。这意味着您可以将给定的类型a与类型B或更多合并，并获得具有所有属性的单一类型。 type LeftType = { id: number left: string } type RightType = { id: number right: string } type IntersectionType = LeftType & RightType function showType(args: Intersec...
ｊｓ处理数据格式（大全）　总有用到的时候　　
qq_34703156的博客
03-31 339
将数组里某个属性相同的对象合并成一个数组 原数组如下 let resData = [ { "name": "住院医疗最高报销", "tagName": "医疗", "insuredAmount": "6000" }, { "name": "身故赔付", "tagName": "寿险", "insuredAmount": "36.00" }, .
typeScript中的函数的简单应用
qq_34703156的博客
05-20 159
1 函数得定义 //es5定义函数的方法 function y(){return "ff"} //函数声明 var yy= function(){return "ff"} // 匿名函数 ts中定的方法 //函数声明法 function run():string{ return 'run'; } ...
typeScript 的数据类型
qq_34703156的博客
04-29 146
typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验，在typescript中主要给我们提供了以下数据类型 布尔类型（boolean） 数字类型（number） 字符串类型(string) 数组类型（array） 元组类型（tuple） 枚举类型（enum） 任意类型（any） null 和 undefined void类型 never类 ...
关typescripy泛型的简单理解
qq_34703156的博客
12-24 90
//泛型 //-- 1泛型要解决的问题 function ache(arg) { return arg } //调用Ache const result = ache('ff') 这样会发现变量丧失了类型 - 接下来做如下修改 发现变为string类型 function ache(arg:string):string { return arg } //调用Ache const result = ache('ff') 但是我们可能...
请问 类型和接口的 本质区别是什么? 各有什么应用场景呢?
qq_34703156的博客
03-26 61
https://juejin.cn/post/6844903749501059085 原文讲解地址
【React】常见的 HOC 使用案例
u013675821的博客
07-21 710
高阶组件是一种强大的模式，可以在 React 中实现代码复用和逻辑抽象。提取和重用跨组件的逻辑控制组件的渲染操作传递给组件的 props管理和注入状态。
笔记222222222222222222222222222222
最新发布
08-04
笔记222222222222222222222222222222
typescript 断言
08-11
在TypeScript中，断言是一种告诉编译器某个值的类型的方法。使用断言可以绕过编译器对类型的检查，但滥用断言可能会导致运行时错误。有几种断言的方式可以在TypeScript中使用。 第一种是使用as关键字进行类型断言。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值