最新要闻
- 1个月发了4版驱动 Intel Arc显卡自信起来了:RTX 3060性价比已不能看
- 当前最新:索尼A7R5更新Ver.2.00固件:四大升级
- 速读:人工智能大潮下:Meta高管仍坚称元宇宙才是未来
- 每日快报!库克到访米哈游与大伟哥合影 大赞《原神》及创作团队
- 全球热讯:马斯克请愿叫停GPT-5!360周鸿祎:不发展才是最大的不安全
- 前沿资讯!打通为民服务“最后一米”,浦东这个街道积极推进社会治理与公共服务全覆盖
- 【环球热闻】全球男性精子量告急:50年来减少62%!2045年人类绝育?
- 支付宝招财宝如何样?招财宝收益高吗?
- 观热点:《最后生还者》 印象派杰作
- 焦点快报!vivo X Fold2真机亮相:经典华夏红配色、“天圆地方”设计
- 全球今头条!女生爬完泰山发现裤子变成偏大码引热议:网友质疑几乎不可能
- 焦点热议:专家:中国汽车产业进入淘汰赛 将从百家变成十几家
- 资讯推荐:北京出台新政引导光伏发电高质量发展
- 继《孤勇者》之后 小学生开始流行盘手串 网友:这届小朋友不好带了
- 苹果CEO库克造访米哈游:与《原神》创作团队交谈
- 【天天热闻】胜为八类网线7.5米到手23.9元:25Gbps高速传输
广告
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
今日视点:TypeScript 学习笔记 — 类型推断和类型保护(十一)
- 类型推断
- 1.赋值推断
- 2.返回值推断
- 3.函数推断(反向推断)
- 4.属性推断
- 5.类型反推
- 6.索引访问操作符
- 7.类型映射
- 类型保护
- 1.typeof 类型保护
- 2.instanceof 类型保护
- 3.in 类型保护
- 4.可辨识联合类型
- 5.null 保护
- 6.自定义类型保护
类型推断
TypeScript 编译器会根据一些简单的规则来推断开发者定义的变量的类型, 当没有标明变量的类型时,编译器会将变量的初始值作为该变量的类型
1.赋值推断
赋值时推断,类型从右像左流动,会根据赋值推断出变量类型,这种是比较常见的,声明时不需要给类型
(相关资料图)
let str = "zhufeng";let age = 11;let boolean = true;
2.返回值推断
自动推断函数返回值类型
function sum(a: string, b: string) { return a + b;}sum("a", "b");
3.函数推断(反向推断)
函数从左到右进行推断(上下文类型):先声明一个函数类型,后把这个类型赋予给一个变量,在赋值一个函数,再看被赋值的函数是否满足,事先声明的函数类型,上下文类型推断时,会根据参数的位置进行相应的推断,函数的参数多的时候,就会推断失败报错
type Sum = (a: string, b: string) => string; // 函数类型const sum: Sum = (a, b) => a + b; // 还可以根据函数类型,推导出函数参数和返回值的类型type ICallback = (x: string, y: string) => void; // 不关心返回值function fn(cb: ICallback) { let r = cb("1", "2"); // 调用函数后不会根据返回值来推导,默认采用就是上下文中声明的类型}fn((a, b) => {});
4.属性推断
可以通过属性值,推断出属性的类型
let person = { name: "yyya", age: 18,};let { name, age } = person; // string number
5.类型反推
可以使用 typeof 关键字反推变量类型
let person = { name: "yyya", age: 18,};type Person = typeof person; // type Person = {name: string; age: number;}
6.索引访问操作符
interface IPerson { name: string; age: number; job: { address: string; };}type job = IPerson["job"]; // type job = { address: string; }
7.类型映射
interface IPerson { name: string; age: number;}type MapPerson = { [key in keyof IPerson]: IPerson[key] }; // type MapPerson = {name: string; age: number;}
类型保护
TypeScript 能够在特定的区块中保证变量属于某种确定的类型。可以在此区块中放心的引用此类型的属性,或者调用此类型的方法通过判断识别所执行的代码块,自动识别变量属性和方法
1.typeof 类型保护
判断基本类型:ts 默认在使用联合类型,针对某一种类型进行处理,对不同的类型进行范围缩小
function double(a: string | number) { if (typeof a === "string") { return a + a; } else { return a * 2; }}
2.instanceof 类型保护
判断一个实例是否属于某个类
class Cat {}class Dog {}const getInstance = (clazz: { new (...args: any[]): Cat | Dog }) => { return new clazz();};let r = getInstance(Cat);if (r instanceof Cat) { r;} else { r;}
3.in 类型保护
判断一个属性是否属于某个对象
interface Bird { fly: string;}interface Fish { swim: string;}function getType(type: Bird | Fish) { if ("swim" in type) { type; } else { type; }}
4.可辨识联合类型
通过接口中的 kind 作为可辨识类型
interface Bird { fly: string; kind: "鸟";}interface Fish { swim: string; kind: "鱼";}function getType(type: Bird | Fish) { if (type.kind == "鸟") { type; } else { type; }}// 判断一个变量是数组,通过其类型来辨识function ensureArray(input: T | T[]): T[] { if (Array.isArray(input)) { return input; } else { return [input]; }}
5.null 保护
变量判空给默认值的方式实现
function addPrefix(num?: number) { num = num || 0; // null 保护 return function (prefix: string) { return prefix + num!.toFixed(); };}let r = addPrefix()("$");
6.自定义类型保护
直接调用isBird方法
不确认 返回 true 是 Bird,还是返回 false 是 Bird,因此工具方法中判断类型的方法 全部需要使用 is 语法
function isBird(val: Bird | Fish | (string & { kind: "string" })): val is Bird { return val.kind == "鸟"; // 必须是boolean}function getType(val: Bird | Fish) { if (isBird(val)) { // 此时不确认 返回true是Bird,还是返回false是Bird val; } else { val; }}
关键词:
快资讯丨【0基础学爬虫】爬虫基础之网页解析库的使用
世界今日报丨Qt商业级无边框窗口实现源码(windows、msvc)
今日视点:TypeScript 学习笔记 — 类型推断和类型保护(十一)
1个月发了4版驱动 Intel Arc显卡自信起来了:RTX 3060性价比已不能看
当前最新:索尼A7R5更新Ver.2.00固件:四大升级
速读:人工智能大潮下:Meta高管仍坚称元宇宙才是未来
每日快报!库克到访米哈游与大伟哥合影 大赞《原神》及创作团队
全球热讯:马斯克请愿叫停GPT-5!360周鸿祎:不发展才是最大的不安全
前沿资讯!打通为民服务“最后一米”,浦东这个街道积极推进社会治理与公共服务全覆盖
今日热闻!RegEX 备忘清单_开发速查表分享
全球视讯!Python常见面试题014.请说出下面的代码返回结果是什么?
世界今热点:基础篇丨链路追踪(Tracing)其实很简单
天天播报:什么是横向扩展「Scale-out」和纵向扩展「Scale-up」?
焦点信息:易基因: m6A RNA甲基化研究的前期探索性实验思路|干货系列
【环球热闻】全球男性精子量告急:50年来减少62%!2045年人类绝育?
nba2k13怎么空接?nba2k13阵容名单
iu14D2N.tmp是什么意思?iu14D2N.tmp文件详情介绍
华硕f83cr笔记本是哪一年上市的?华硕f83cr笔记本配置
英雄联盟为什么进不去比尔吉沃特?比尔吉沃特服务器在哪个城市?
微信8.0的状态能维持多久?微信8.0更新了什么功能?
支付宝招财宝如何样?招财宝收益高吗?
IM跨平台技术学习(七):得物基于Electron开发客服IM桌面端的技术实践
世界今日讯!min 与 + 运算转换成类似于矩阵乘法的推导过程
【环球时快讯】HDFS Balancer负载均衡器
每日观察!【Visual Leak Detector】配置项 SkipCrtStartupLeaks
世界快消息!掌握这几个算法题.NET初级面试算法不发愁
观热点:《最后生还者》 印象派杰作
焦点快报!vivo X Fold2真机亮相:经典华夏红配色、“天圆地方”设计
全球今头条!女生爬完泰山发现裤子变成偏大码引热议:网友质疑几乎不可能
焦点热议:专家:中国汽车产业进入淘汰赛 将从百家变成十几家
资讯推荐:北京出台新政引导光伏发电高质量发展
天天即时看!火山引擎 DataTester 推出可视化数据集成方案
速读:全网最详细中英文ChatGPT-GPT-4示例文档-个性化角色智能对话从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/c
继《孤勇者》之后 小学生开始流行盘手串 网友:这届小朋友不好带了
苹果CEO库克造访米哈游:与《原神》创作团队交谈
【天天热闻】胜为八类网线7.5米到手23.9元:25Gbps高速传输
世界最新:微软建议Office 2016/2019用户升级:10月后将无法访问Microsoft 365
热点评!图灵波浪3.30-白银震荡上行格局不改
全球讯息:全网最详细中英文ChatGPT-GPT-4示例文档-读书书单推荐从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/cu
当前热讯:BitMap对象当前正在其他地方使用?加锁也没用?
全球今热点:履约核心引擎低代码化原理与实践
天天快资讯:Linux 修改系统时间的两种方式
快看点丨京东二面:线程池中的线程抛出了异常,该如何处理?大部分人都会答错!
世界观热点:张奔斗:阳光双赛双四强 辛纳状态很“辛辣”
今日讯!男孩向女生水杯里放吸铁石 差点被喝下:医生称严重会胃穿孔
法国法芙娜脆珠+新鲜奶油 上行斋生巧福团狂促:8枚券后不到15元
精选!罗永浩将在淘宝直播间售卖民用卫星:最低200万起步
ChatGPT也要带货?微软开始在新必应插入广告
环球微头条丨长期进食柿子山楂 胃中长出巨大“顽石” 医生巧用无糖可乐辅助尿毒症女子成功碎石
环球百事通!【网络安全软件】上海道宁与Cybereason为您提供未雨绸缪的攻击保护,终结对端点、整个企业以及网络上任何角落的网络攻击
环球速读:1.redis的基本使用
全球简讯:前端设计模式——依赖注入模式
年轻人找工作不看工资看什么?一季度全国平均招聘月薪10101元 学历越高钱越多
世界新消息丨眼科医生自己真的都不做近视手术?
世界观天下!周上险量超5000 理想L系累计交付超10万台:其他新势力难了
热门美剧推动PS5销量大涨
专家提醒:千万不要侧躺玩手机 科普标准姿势
退役军人事务部调研组来洛 常正国带队
天天观热点:Linux的3个文件时间
Cursor,程序员的 AI 代码编辑助手
厚衣服先别收!强冷空气很快就到:今年来最大范围雨雪
“基尼太美” 兰博基尼Revuelto亮相 马力超千匹 2.5秒破百
【独家焦点】Win12 UI设计曝光被苹果用户吐槽:抄袭macOS太明显
2022年房屋的主要卖点是什么
3月份国有大行二级资本债密集发行 专家称大型银行与中小银行发债规模将明显分层
邮储银行450亿元定增落地 中国移动溢价逾40%“通吃”
世界讯息:鹰眼自爆伤情
天天观速讯丨读SQL进阶教程笔记02_三值逻辑和NULL
【全球热闻】结石痛怎么缓解_尿道结石疼痛怎么缓解
汽车雷达在无人陵园内显示全是人影 网友吐槽更智能了:官方回应
观天下!1W字长文:K8S Ingress 原理和实操
简讯:mvc-mvp-mvvm架构调研及实现--分布式课程思考题--zzb
【Visual Leak Detector】配置项 SkipHeapFreeLeaks
Unity 中的存档系统(本地存档)
最新消息:IDEA2023.1破解 永久激活 最新版IDEA激活 亲测可用!
突破10GB/s!影驰首款PCIe 5.0 SSD开卖:2TB售价2499元
热门:2.1s破百!100万的新款特斯拉 快得我差点吐了
世界今亮点!苹果WWDC大会定档6月6日:iOS 17无悬念、MR头显最受期待
达墨国产PCIe 5.0 硬盘2TB 1899元 官方坦诚提醒:谁买谁冤种
当前速看:飞艇事件的背后
世界热文:搞笑动漫日和在线观看(搞笑动漫日和)
天天新资讯:Ubuntu18.04系统安装nginx
天天速递!手撕HashMap(二)
【Visual Leak Detector】配置项 TraceInternalFrames
苹果推出的美国版花呗:被严重低估了
全球聚焦:为什么洗澡时总想“尿尿”?这怀习惯可不好!
环球信息:新一代高贵“亮机卡”!RTX 4050被曝6月发布:弱得不像话
【世界报资讯】 “大号MINI”!五菱缤果正式上市:5.98万元起
国产特有 魔改RTX 3060显卡999元:AMD也做不到的性价比
天天通讯!报告:电信业采购供应链发展呈现四大趋势
【独家】【Visual Leak Detector】配置项 StartDisabled
78.类型转换
环球快报:2023年找工作的心酸历程
全球热议:ASP.NET Core MVC+Quartz实现定时任务可视化管理页面
世界即时看!SSM框架笔记 庆祝学习SSM框架结束!!!
世界速读:【财经分析】债市短期表现向好 机构操作犹存分歧
当前速看:《生化危机4:重制版》阿什莉服装Mod公布 看了把持不住
天天亮点!CPU占用暴降 SSD提速百倍:《暗黑4》将支持微软DX游戏神技
具体如何编写信号与槽
今日热讯:关于大国竞争,“修昔底德陷阱”提出者谈到了“澶渊之盟”