Typescript学习笔记(1.0)

1.ts开发环境:先安装Node,然后执行命令npm i -g typescript,这里使用的是npm命令,也可以使用pnpm和yarn安装,不过需要额外安装pnpm 和yarn。

2.第一个一ts为后缀的文件,使用命令:

tsc *.ts

就会生成对应的js文件。

3.基本类型

语法:let 变量:类型=值

function fn(参数:类型,参数:类型,。。。):返回值类型{

}

4.特殊:如果变量声明和赋值同时进行,ts会自动进行类型推断(基本数据类型)。

5.其他类型:

字面量:let a:10;  表示a的类型为10,如果a=11进行赋值就会报错。(有点常量的感觉)

使用|符号:表示或,称之为联合类型。如:let b:  string | number;

any:表示任意类型,一个变量设置为此类型后,相当于关闭了TS类型检测。

let c:any;  与let c;等价,ts解析器会自动设置为any

unknown:表示未知类型的值。

let d:unknow

他与any的区别是不能随意赋值,如果把一个unknown类型的值赋值给别的值,就会报错,而any不会报错,并且将自己的类型赋值给被赋值的那个变量。

类型断言:

s=e as string,意思为:就将e当做字符串,并赋值给s

作用就是告诉ts解析器某一个变量的类型,另一种写法:<类型>变量

void:常用于设置函数返回值,如果没有指定函数的返回值类型,会自动被认为返回值的类型为void。

never:表示没有值,用于函数时,表示函数永远不会返回结果

function fn():never{}

object:表示对象类型

let a:object;  在js中,一切都是对象,所以在实际中不常用于作为类型。

let b:{name:string,age?:number} 表示b中需要有name属性,并且类型是string,在代码中加一个问号?表示该属性是可选的。常用语指定对象中可以包含哪些属性。

如果要设置为除了必有的属性,其他的随意,可以写成以下形式

let c:{name:string,[abc:string]:any},其中abc可以随意起名,该类型声明表示c中只要包含name属性,其他的属性有或无都随意。

let d:Function与之类似

let d:(a:number,b:number)=>number;

表示d函数有两个参数,并且返回值为number类型。

array:数组

let a:string[];  表示a是一个数组,并且数组中的元素都是字符串

let b:Array<number>;意思和上面的一样,只是另一种表达方式,表示数组b中的元素都是数值类型。

tuple:元组

类似于数组,但是固定了数组的长度

let c:[string,string];  表示数组c的长度为2,并且两个值的类型是字符串

enum:枚举

let d:{name:string,gender:string};

i.gender==='男'

gender在几个值之间进行选择,就可以使用枚举

enum Gender{

Male=0,

Female=1

}

就可以改写成

let d:{name:string,gender:Gender};

补充:

let e:{name:string} &{age:number};    &表示且的意思,注意与 | 区分,一个是同时满足,一个是满足一个即可。

类型别名:

type myType=string

let f:myType 与let f:string等价

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

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

相关文章

electron 网页TodoList工具打包成win桌面应用exe

参考&#xff1a; electron安装&#xff08;支持win、mac、linux桌面应用&#xff09; https://blog.csdn.net/weixin_42357472/article/details/140643624 TodoList工具 https://blog.csdn.net/weixin_42357472/article/details/140618446 electron打包过程&#xff1a; 要将…

【吊打面试官系列-ZooKeeper面试题】Zookeeper 的典型应用场景

​大家好&#xff0c;我是锋哥。今天分享关于 【Zookeeper 的典型应用场景 】面试题&#xff0c;希望对大家有帮助&#xff1b; Zookeeper 的典型应用场景 Zookeeper 是一个典型的发布/订阅模式的分布式数据管理与协调框架&#xff0c;开发人员可以使用它来进行分布式数据的发布…

学习React(状态管理)

随着你的应用不断变大&#xff0c;更有意识的去关注应用状态如何组织&#xff0c;以及数据如何在组件之间流动会对你很有帮助。冗余或重复的状态往往是缺陷的根源。在本节中&#xff0c;你将学习如何组织好状态&#xff0c;如何保持状态更新逻辑的可维护性&#xff0c;以及如何…

基于自组织映射的检索增强生成

大量数据用于训练大型语言模型 (LLM)&#xff0c;该模型包含数百万和数十亿个模型参数&#xff0c;目的是生成文本&#xff0c;例如文本补全、文本摘要、语言翻译和回答问题。虽然 LLM 从训练数据源中开发知识库&#xff0c;但总有一个训练截止日期&#xff0c;在此日期之后 LL…

java jts 针对shp含洞多边形进行三角剖分切分成可行区域

前言 java jts 提供了Delaunay三角剖分的相关方法,但是该方法不考虑含洞的多边形的。虽然 jts 的 ConformingDelaunayTriangulationBuilder 类可以通过提供线段约束的方式防止切割到洞内&#xff0c;但是仅支持最多99条线段&#xff0c;虽然可以通过重写破除99条线段的约束&am…

Java——————接口(interface) <详解>

1.1 接口的概念 在现实生活中&#xff0c;接口的例子比比皆是&#xff0c;比如&#xff1a;笔记本电脑上的USB接口&#xff0c;电源插座等。 电脑的USB口上&#xff0c;可以插&#xff1a;U盘、鼠标、键盘...所有符合USB协议的设备 电源插座插孔上&#xff0c;可以插&#xff…

CSS Text(文本)

CSS Text(文本) CSS中的text属性用于控制文本的显示方式&#xff0c;包括字体、大小、颜色、对齐方式等。本文将详细介绍CSS中文本属性的各种用法和技巧&#xff0c;帮助您更好地设计和布局网页文本。 1. 字体属性 1.1 font-family font-family属性用于设置文本的字体。可以…

OS Copilot初体验的感受与心得

本文介绍体验操作系统智能助手OS Copilot后&#xff0c;个人的一些收获、体验等。 最近&#xff0c;抽空体验了阿里云的操作系统智能助手OS Copilot&#xff0c;在这里记录一下心得与收获。总体观之&#xff0c;从个人角度来说&#xff0c;感觉这个OS Copilot确实抓住了不少开发…

TypeScript极速梳理

TypeScript简介 TypeScript是对JavaScript的超集它对JS进行了扩展&#xff0c;向JS中引入了类型的概念&#xff0c;并添加了许多新的特性TS代码需要通过编译器编译为JS&#xff0c;然后再交由JS解析器执行TS完全兼容JS,换言之&#xff0c;任何的JS代码都可以直接当成JS使用相较…

Vue Router【实用教程】(2024最新版)vue3 路由管理

Vue Router 是 Vue 官方的客户端路由解决方案&#xff0c;在单页应用 (SPA) 中&#xff0c;用户在应用中浏览不同页面时&#xff0c;URL 会随之更新&#xff0c;但页面不需要从服务器重新加载。 核心思想&#xff1a; 通过配置路由来告诉 Vue Router 为每个 URL 路径显示哪些…

EasyMedia转码rtsp视频流flv格式,hls格式,H5页面播放flv流视频

EasyMedia转码rtsp视频流flv格式&#xff0c;hls格式 H5页面播放flv流视频 文章最后有源码地址 解决海康视频播放视频流&#xff0c;先转码后自定义页面播放flv视频流 先看效果&#xff0c;1&#xff0c;EasyMedia自带的页面&#xff0c;这个页面二次开发改动页面比较麻烦 …

牛客14666(优先屏障) + 牛客14847(Masha与老鼠)

文章目录 写在前面14666-优先屏障思路编程 14847-Masha与老鼠思路编程 写在前面 昨天刷的这两道题写了很久&#xff0c;特别是Masha与老鼠这道题&#xff0c;写了都快3个小时&#xff0c;主要还是理解代码逻辑有点难&#xff0c;不过写完之后感觉收获挺大的&#xff0c;给我以…

张高兴的 MicroPython 入门指南:(三)使用串口通信

目录 什么是串口使用方法使用板载串口相互通信 硬件需求电路代码使用板载的 USB 串口参考 什么是串口 串口是串行接口的简称&#xff0c;这是一个非常大的概念&#xff0c;在嵌入式中串口通常指 UART(Universal Asynchronous Receiver/Transmitter&#xff0c;通用异步收发器)。…

gitlab查询分支API显示不全,只有20个问题

背景 gitlab查询分支API需要查询所有分支&#xff0c;且分支数量大于20&#xff0c;但目前调用接口返回的branch最多就显示了20个 解决方案 根据GitLab的文档&#xff0c;查询分支API默认最多返回20个分支。如果要一次性显示80个分支&#xff0c;可以使用分页参数来获取所有…

Vue的单元测试和端到端测试:确保组件可靠性与应用完整性

引言 在软件开发过程中,测试是保证代码质量和应用稳定性的关键环节。Vue.js 作为流行的前端框架,提供了一套完善的测试工具和生态系统,支持开发者进行单元测试和端到端测试。本文将深入探讨如何为Vue组件编写单元测试,并讨论如何使用Cypress等工具进行端到端测试。 单元测…

node.js实现静态资源加载的方法——两种方法http及express

一.使用内置http实现静态资源加载 原生node要实现静态资源加载就需要借助其内置模块“fs”中的方法去读取静态资源&#xff0c;然后用response中的方法响应给用户 1.需要用到的模块 const http require(http); const fs require(fs); const path require(path);2.加载静态…

初识c++(string和模拟实现string)

一、标准库中的string类 string类的文档介绍&#xff1a;cplusplus.com/reference/string/string/?kwstring 1、auto和范围for auto&#xff1a; 在早期C/C中auto的含义是&#xff1a;使用auto修饰的变量&#xff0c;是具有自动存储器的局部变量&#xff0c;后来这个 不重…

Cannot perform upm operation: connect ETIMEDOUT 34.36.199.114:443 [NotFound]

版本&#xff1a;Unity 2018 Windows 问题&#xff1a;打开 Package Manager&#xff0c;加载报错 尝试解决&#xff1a; 删除项目文件里的Packages下的mainfest.json文件&#xff0c;然后重新打开项目&#xff08;X&#xff09;重新登录 Unity 账号&#xff08;X&#xff09…

Kotlin 协程 — 基础

Kotlin 协程 — 基础 协程已经存在一段时间了&#xff0c;关于它的各种文章也很多。但我发现想要了解它还比较费时&#xff0c;所以我花了一段时间才真正理解了协程的基础知识以及它的工作原理。因此&#xff0c;我想分享一些我理解到的内容。 什么是协程&#xff1f; 协程代表…

vue项目实战速查记录

1.图片下载到本地 2.本地静态文件访问 3.元素大小相同,相互覆盖 1.图片下载到本地 实现原理:创建a标签,利用a标签下载属性. download(){const link document.createElement(a);link.href "图片地址";link.setAttribute(download, name);document.body.ap…