【前端vue3】TypeScrip-类型推论和类型别名

类型推论

TypeScript里,在有些没有明确指出类型的地方,类型推论会帮助提供类型。
例如:
在这里插入图片描述
变量xiaoc被推断类型为string

如重新给xiaoc赋值数字会报错

let xiaoc = "xiaoc"xiaoc =1111111111111

在这里插入图片描述

如没有给变量指定类型和赋值,会被ts推断为any,可以执行任何操作

let xiaocxiaoc = 1234
xiaoc = "xiaoc"
xiaoc = undefined
xiaoc = true

在这里插入图片描述

类型别名

type 关键字(可以给一个类型定义一个名字)多用于复合类型

定义类型别名
type str = stringlet s:str = "小C"console.log(s);
定义函数别名
import { log } from "console"type str=() =>string
let s :str = () =>"我是小C"
log(s)
定义联合类型别名
type str = string | numberlet s: str = 123let s2: str = '123'console.log(s,s2);
定义值的别名
type value = boolean | 0 | '213'let s:value = true
//变量s的值  只能是上面value定义的值

type 和 interface 还是一些区别的 虽然都可以定义类型

1.interface可以继承 type 只能通过 & 交叉类型合并

2.type 可以定义 联合类型 和 可以使用一些操作符 interface不行

3.interface 遇到重名的会合并 type 不行

左边的值会作为右边值的子类型遵循图中上下的包含关系

type a = 1 extends number ? 1 : 0 //1type a = 1 extends Number ? 1 : 0 //1type a = 1 extends Object ? 1 : 0 //1type a = 1 extends any ? 1 : 0 //1type a = 1 extends unknow ? 1 : 0 //1type a = 1 extends never ? 1 : 0 //0

在这里插入图片描述

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

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

相关文章

专题七:Spring源码之BeanDefinition

上一篇我们通过refresh方法中的第二个核心方法obtainBeanFactory,通过createBeanFacotry创建容Spring的初级容器,并定义了容器的两个核心参数是否允许循环引用和覆盖。现在容器有了,我们来看看容器里的第一个重要成员BeanDefinition。 进入lo…

浙大版PTA《Python 程序设计》题目集 参考答案

浙大版PTA《Python 程序设计》题目集 参考答案 本答案配套详解教程专栏,欢迎订阅: PTA浙大版《Python 程序设计》题目集 详解教程_少侠PSY的博客-CSDN博客 01第1章-1 从键盘输入两个数,求它们的和并输出 aint(input()) # 输入a的值 bint(…

从需求是如何最终抽象成最基本的传参入参

第一层:出参和入参 用通俗的话讲,就是给客户提供服务的一种方式,需要包含入参和出参 。入口参数就是程序执行时会调用的参数,出口参数就是程序执行完会返回的参数。入参的值是被调函数需要, 出参的值是主调函数需要的…

【文件上传】

文件上传漏洞 FileUpload 0x01 定义 服务端未对客户端上传文件进行严格的 验证和过滤造成可上传任意文件情况;0x02 攻击满足条件: 1. 上传文件能够被Web容器解释执行   2. 找到文件位置   3.上传文件未被改变内容。(躲避安全检查&#…

【Linux系统】CUDA的安装与graspnet环境配置遇到的问题

今天在安装环境时遇到报错: The detected CUDA version (10.1) mismatches the version that was used to compile PyTorch (11.8). Please make sure to use the same CUDA versions. 报错原因:安装的cuda版本不对应,我需要安装cuda的版本…

Spark面试题总结

一、RDD的五大特性是什么 1、RDD是由一些分区构成的,读取文件时有多少个block块,RDD中就会有多少个分区 2、算子实际上是作用在RDD中的分区上的,一个分区是由一个task处理,有多少个分区,总共就有多少个task 3、RDD之间…

windows远程连接无法复制文件

windows远程桌面无法复制文件 解决方案 打开任务管理器管理器,在详细信息界面,找到rdpclip.exe进程,选中并点击结束任务,杀死该进程。 快捷键 win r 打开运行界面,输入 rdpclip.exe ,点击确定运行。即可解决无法复制文件问题。…

WebDriver 类的常用属性和方法

目录 🎍简介 🎊WebDriver 核心概念 🎉WebDriver 常用属性 🎁WebDriver 常用方法 🐷示例代码 🎪注意事项 🎐结语 🧣参考资料 🎍简介 Selenium WebDriver 是一个用…

产品设计的8大步骤

产品设计,通俗来说就是将创新想法或概念转化为落地实体的过程。一般来说,一个成功的产品应当具有创新性、美观性、实用性、可持续性以及经济效益,从而满足用户的使用需求以及市场的发展需求。产品设计也并不是一件简单的事情,产品…

Docker与微服务实战2022 尚

Docker与微服务实战2022 尚硅谷讲师:周阳 1. 基础篇(零基小白) 1 1.1. Docker简介 2 1.2. Docker安装 15 1.3. Docker常用命令 29 1.4. Docker镜像 43 1.5. 本地镜像发布到阿里云 50 1.6. 本地镜像发布到私有库 57 1.7. Docker容器数据卷 64 1.8. Docker常规安装简介 …

firewalld开放端口常用命令

在Linux系统中,常使用firewalld服务来管理防火墙,可以通过命令行来开放特定的端口。 查firewalld运行状态: sudo systemctl status firewalld 确保firewalld正在运行,可以使用以下命令来启动并使其在系统启动时自动运行&#xff1…

经典的卷积神经网络模型 - AlexNet

经典的卷积神经网络模型 - AlexNet flyfish AlexNet 是由 Alex Krizhevsky、Ilya Sutskever 和 Geoffrey Hinton 在 2012 年提出的一个深度卷积神经网络模型,在 ILSVRC-2012(ImageNet Large Scale Visual Recognition Challenge 2012)竞赛中…

劳务工程元宇宙的探索与实践

随着元宇宙概念的不断深入,各行各业都在探索与这一新兴技术结合的可能性。劳务工程行业也未落后,开始思考和实验如何将元宇宙的概念与劳务工程相结合,以期提高效率、降低成本,同时创造更多价值。本文将探讨劳务工程元宇宙的现状、…

242. 有效的字母异位词【哈希表】【C++】

题目描述 有效的字母异位词 给定两个字符串 s 和 t ,编写一个函数来判断 t 是否是 s 的字母异位词。 注意:若 s 和 t 中每个字符出现的次数都相同,则称 s 和 t 互为字母异位词。 示例 1: 输入: s “anagram”, t “nagaram” 输出: true 示…

公司法下的公司注册资金实缴的建议

公司法下的公司注册资金实缴的建议 新公司法已经实施了,现在设立的公司都将要按照新公司法的规定来执行。 那么新公司法对企业最大的影响,就是我们目前热议的公司实缴问题。 公司实缴这个问题我以前讲过好几次。针对近期看到的消息来说下我个人的观点。…

python学习-list

List(列表的定义语法) [元素1, 元素2, 元素3, ......] 什么是元素? 数据容器内的每一份数据,都称之为元素 元素的类型有限制吗? 元素的数据类型没有任何限制,甚至元素也可以是列表,这样就定义了嵌套列表 但是打印…

基于低代码开发技术的管理会计体系架构研究

在当今快速发展的信息技术时代,低代码开发技术已经成为一种日益流行的软件开发方法。它允许开发人员通过图形用户界面和配置而不是传统的计算机编程来创建应用程序。这种技术的发展为管理会计领域带来了新的机遇,使得会计专业人士能够更加高效地构建和管…

【实践总结】Python使用Pandas 读取Excel文件,将其中的值转换为字符串的方法

假设你的Excel的列有一行是这个样子的; 如果直接解析就会按照float字段处理,所以现在需要将他们按照字符串去读取出来。正确的做法如下说生意 import pandas as pddf pd.read_excel(ExcelPath, sheet_nameSHEET,dtype{Version: str})在这里我们使用的方法就是dtyp…

前端初学日记 (三) JS

javaScript 概述 JavaScript一种直译式脚本语言,用来为网页添加各式各样的动态功能 (javaScript可以操作网页内容),不需要编译可直接通过浏览器解释运 行,通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。…

怎么使用MarkDown画矩阵

本文首发于公众号“AntDream”,欢迎微信搜索“AntDream”或扫描文章底部二维码关注,和我一起每天进步一点点 今天写文章需要用到矩阵,记录一下 画矩阵需要用到特殊的语法 (1)画普通矩阵,不带括号的 $$be…