3、TS中的类型断言

TS中的类型断言

声明类型的时候 如果没有标识类型 他是什么类型?

//没有赋值的变量默认都是undefined 类型是any
let a: any = undefined
//const是一个常量 不能被修改  他的类型是字面量类型 const声明变量必须赋值
//let 声明变量 可以修改  所以类型范围推倒的结果会变大
let b1 = 1
const b = 1

断言的问题

let str0rNum: string | number //如果是联合类型在使用方法的时候 只能采用 公共的方法来使用
//还是从安全性考虑,在使用联合方法的时候,我们会通过先定义   再使用  保证安全

1、指定类型再使用

 str0rNum = 'abc'str0rNum.endsWith('c')console.log(str0rNum)str0rNum = 1234str0rNum.toFixed(2)console.log(str0rNum)

2、我们断言类型后再使用 as断言成某种类型(一定是联合类型中的某一个)!(非空断言,表示这个值一定不是空的)

//不存在结果 自己承担,ts不管了  你认为一定有值//(str0rNum! as string).charCodeAt(0)(<number>str0rNum!).toFixed(2)

!是TS语法 ?是JS语法 链判断运算符 (如果有值再去取值)

//  let ele=document.getElementById('APP')! //非空断言let ele = document.getElementById('app')
//  ?表示的是取值 不能赋值  !表示 某个变量一定存在   if (ele) {//  ele?.style.backgroundele!.style.background = 'red';//非空断言(ele as HTMLElement).style.background = 'red';
}//断言成某种类型

值 as xxx或者值 一般用于联合类型 将大范围的类型断言成小类型

(str0rNum! as unknown as boolean)//双重断言,一般不建议使用,但是还是会用到。会破坏原有的关系
//?? js语法 合并空值运算符,三元表达式 但是 false||取的结果
let val = 0 || 100;//除了null和undefined之外的值都会被当做true
// direction = 'up' ?? 'down' ?? 'left' ?? 'right';//?? 优先级高于||
type Direction = 'up' | 'down' | 'left' | 'right';//快速构建一个可以复用的类型
let direction: Direction;
let up: 'down' = direction! as 'down'

下面是完整代码,可自行运行

//声明类型的时候 如果没有标识类型 他是什么类型?//没有赋值的变量默认都是undefined 类型是any
let a: any = undefined//const是一个常量 不能被修改  他的类型是字面量类型 const声明变量必须赋值
//let 声明变量 可以修改  所以类型范围推倒的结果会变大
let b1 = 1
const b = 1//断言的问题
let str0rNum: string | number //如果是联合类型在使用方法的时候 只能采用 公共的方法来使用
//还是从安全性考虑,在使用联合方法的时候,我们会通过先定义   再使用  保证安全// 1).指定类型再使用
// str0rNum = 'abc'
// str0rNum.endsWith('c')
// console.log(str0rNum)
// str0rNum = 1234
// str0rNum.toFixed(2)
// console.log(str0rNum)//2).我们断言类型后再使用  as断言成某种类型(一定是联合类型中的某一个)!(非空断言,表示这个值一定不是空的)
//不存在结果 自己承担,ts不管了  你认为一定有值
// (str0rNum! as string).charCodeAt(0)(<number>str0rNum!).toFixed(2)//!是TS语法  ?是JS语法  链判断运算符 (如果有值再去取值)//  let ele=document.getElementById('APP')! //非空断言let ele = document.getElementById('app')
//  ?表示的是取值 不能赋值  !表示 某个变量一定存在   if (ele) {//  ele?.style.backgroundele!.style.background = 'red';//非空断言(ele as HTMLElement).style.background = 'red';
}//断言成某种类型//值 as xxx或者<xxx>值  一般用于联合类型 将大范围的类型断言成小类型
(str0rNum! as unknown as boolean)//双重断言,一般不建议使用,但是还是会用到。会破坏原有的关系//?? js语法 合并空值运算符,三元表达式 但是 false||取的结果
let val = 0 || 100;//除了null和undefined之外的值都会被当做true// direction = 'up' ?? 'down' ?? 'left' ?? 'right';//?? 优先级高于||
type Direction = 'up' | 'down' | 'left' | 'right';//快速构建一个可以复用的类型
let direction: Direction;
let up: 'down' = direction! as 'down'export { }//解决ts文件报错问题  模块化的问题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/9559.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

全球化战略中的技术支柱:出海企业的网络技术解决方案

随着全球市场的一体化&#xff0c;中国的电商与游戏行业越来越倾向于扩展国际市场&#xff0c;这一过程被称为“出海”。成功的出海战略不仅需要强大的市场洞察和文化适应能力&#xff0c;还需依赖高效的网络技术&#xff0c;包括SOCKS5代理、代理IP、以及全面的网络安全策略。…

Android RadioButton,定制按钮样式

1.定义选中和非选中的样式选择器&#xff1b;res/drawable/custom_radio_button.xml <?xml version"1.0" encoding"utf-8"?> <selector xmlns:android"http://schemas.android.com/apk/res/android"><item android:drawable&q…

OceanBase 中的ROWID与Oracle的差异与如何迁移

1. ROWID 1.1 OB和Oracle中rowid的区别 正如大家所知道的&#xff0c;OceanBase兼容Oracle的rowid特性&#xff0c;但在其生成规则上却存在不同&#xff0c;具体表现如下&#xff1a; OceanBase ● 定义&#xff1a;OceanBase&#xff08;简称 OB&#xff09;的rowid是通过…

2.mysql--备份恢复

完全备份&#xff1a;备份所有数据 增量备份&#xff1a;备份上次备份后&#xff0c;所有新产生的数据 差异备份&#xff1a;备份上次完全备份后&#xff0c;所有新产生的数据 1、物理备份恢复 [roothost1 ~]# cp -r /var/lib/mysql /root/mysql_all.bak [roothost1 ~]# scp …

idea使用git不提示账号密码登录,而是输入token问题解决

idea 或者 webstream 等全家桶软件 使用git 推送代码时&#xff0c;不提示账号密码登录&#xff0c;而是输入token问题解决 你的代码仓库是gitlab 然后打开修改代码后推送时&#xff0c;会默认使用gitlab插件&#xff0c;所以提示数据token 解决方式就是把gitlab插件取消使用这…

ETL如何执行Java脚本

ETLCloud提供了执行 Java 脚本的方式&#xff0c;让用户能够灵活地处理数据并实现各种复杂的数据处理任务。 ETLCloud在数据处理领域的应用优势主要体现在以下几个方面&#xff1a; 灵活性&#xff1a;通过执行Java脚本&#xff0c;用户能够灵活定制数据处理逻辑&#xff0c;满…

使用 backtrace 调测 SIGSEGV 信号 ---- 打印寄存器值

#define _GNU_SOURCE #include <stdio.h> #include <signal.h> #include <unistd.h> #include <stdlib.h> #include <execinfo.h> #include <ucontext.h> /* * backtrace和bacetrace_symbols打印出回溯信息 */ #if 0 #include <e…

监控异地组网怎么组网?

监控异地组网是指在不同地域的网络环境下&#xff0c;实现对监控设备的远程访问和管理。在传统的网络环境下&#xff0c;由于网络限制和设备配置等问题&#xff0c;监控设备的远程访问往往受到一定的限制和困扰。为了解决这个问题&#xff0c;引入了天联组网技术&#xff0c;实…

.Net WinFrom中DataGridView控件的熟练学习

是一个熟练掌握DataGridView的Demo 1、里边讲述了如果使用DataGridView数据导出到Excel中&#xff0c;以及Excel数据导入到数据中 2、实现了DataGridView复选框批量删除&#xff0c;按钮进入详细信息&#xff0c;按钮删除等功能 3、实现了根据数据的条件不同行显示的颜色不同以…

黑马点评项目笔记

短信登录 基于session的短信登录 发送验证码&#xff0c;session保存验证码。验证验证码&#xff0c;session保存用户信息。校验登录状态&#xff0c;判断session里是否保存用户信息。 使用ThreadLocal保存用户信息&#xff0c;是方便后面业务获取当前用户&#xff0c;避免传…

安卓开发--按键背景图片,按键其他属性,按键按键按下变色

前面已经介绍了一个空白按键工程的建立以及响应方式&#xff0c;可以参考这里&#xff1a;安卓开发–新建工程&#xff0c;新建虚拟手机&#xff0c;按键事件响应。 安卓开发是页面跳转是基础&#xff01;&#xff01;&#xff01;所以本篇博客介绍利用按键实现页面跳转&#…

添加对象方法

添加对象方法的方法如下&#xff0c;这是一个通用模式 注意灵活运用。

数据库调优-SQL语句优化

2. SQL语句优化 sql 复制代码 # 请问这两条SQL语句有什么区别呢&#xff1f;你来猜一猜那条SQL语句执行查询效果更好&#xff01; select id from sys_goods where goods_name华为 HUAWEI 麦芒7 魅海蓝 6G64G 全网通; ​ select id from sys_goods where goods_id14967325985…

Redis学习1——redis简介、基础

介绍 redis简介 Redis(Remote Dictonary Server) 是由Salvatore Sanfilippo开发的key-value缓存数据库&#xff0c;基于C语言开发。目前市面上&#xff0c;Redis和MongoDB是当前使用最广泛的NoSQL&#xff0c;而就Redis技术而言&#xff0c;它的性能十分优越&#xff0c;可以…

仿真相关知识积累

融合模型是什么 集成学习 融合模型&#xff0c;也称为集成学习&#xff0c;是一种将多个基模型组合在一起以提升整体模型性能的方法。这种思想通过不同的策略将多个相对较弱的模型&#xff08;学习器&#xff09;结合起来&#xff0c;从而达到较强的模型性能。

rngd: Error writing /dev/tpm0

检查数据库时发现messages中一直有rngd报错&#xff0c;rngd一直未配置&#xff0c;直接关闭了 /var/log/messages-20240414:Apr 11 04:59:49 hydb2 rngd: Error writing /dev/tpm0 /var/log/messages-20240414:Apr 12 07:31:39 hydb2 rngd: Error writing /dev/tpm0 /var/log…

shell-for循环语句练习题

1.计算从1到100所有整数的和 [rootlocalhost ~]# vim 1.sh #!/bin/bash sum0 #定义变量sum初始值为0 for i in {1..100} #for循环 i取值从1到100 do sum$[ isum ] #在每次循环中&#xff0c;变量i的值会依次取1到100的整数值。 #sum是一个累加器&#xff0c;初始值…

echarts自定义图例显示名称、数值、占比

先上代码 legend: {orient: vertical,left: 10,top:20,data: data,textStyle: {color: #9FB7D5 // 设置图例文字颜色为白色},// type: plain, // 设置图例类型为普通类型itemWidth: 10, // 设置图例项的宽度itemHeight: 10, // 设置图例项的高度formatter: function(name) {let…

Python专题:十、字典(2)

字典定义x{} get()函数 get&#xff08;参数一&#xff0c;参数二&#xff09; 参数一&#xff1a; 需要查找的关键词 参数二&#xff1a; 如果关键词不存在get返回的默认值 字典的更新 update&#xff08;&#xff09;函数&#xff0c;字典y的元素&#xff0c;去更新字…

学生管理系统初级

根据题目要求生成大纲 总结: 1.在书写时&#xff0c;考虑到了书写时id可是是abc... 类型是String&#xff0c;但在根据id获取集合中元素时 list.get() &#xff0c;get&#xff08;&#xff09;里面是int类型。 2.在书写还有一点功能并不完全&#xff0c; 2.1查找时是打印所有…