几分钟学会TypeScript

目录

  • 一、类型推断和类型注解
  • 二.类型注解,声明时指定类型
  • 三、类型断言
  • 四、基础类型和联合类型
    • 字符串
    • 数字和浮点类型
    • 布尔
    • 空和undefined
    • 多类型
      • 值限定
  • 五、数组 元组 枚举
    • 数组
    • 元组,?代表可选参数
    • 枚举
      • 枚举使用
  • 六、函数
    • 函数作为参数
  • 七、类、接口与抽象类
    • 访问修饰符
    • 类的继承
    • 接口
    • 抽象类
    • 命名空间
  • 八、类型别名
  • 九、泛型
  • 十、运算符
  • 十一、条件控制
  • 十二、循环控制
  • 十三、正则表达式

一、类型推断和类型注解

//1. 类型约束
let str = '赵云'
//str  = 10 会报错,因为初始值约束为字符串

二.类型注解,声明时指定类型

let str2:string = '张飞'

三、类型断言

let nums = [1,2,3]
var result = nums.find(i => i>2)
//var ss  = result * 2 //这样会报错//可以添加类型断言as xx 关键字 断言是某种类型
var result2 = nums.find(i => i>2) as number
var ss  = result2 * 2

四、基础类型和联合类型

字符串

//省略类型
let author = '李白'
//指定类型
let author2:string = '李白'

数字和浮点类型

let n2:number = 10
let n3:number = 1.1

布尔

let b1:boolean = true

空和undefined

let nu:null = null
let und:undefined = undefined

多类型

let v4 :string|null = null

值限定

//let v5 : 1|2|3 = 5//会报错
let v6:1|2|3 = 2

五、数组 元组 枚举

数组

let nums3:number[] = [1,2,3]
//省略类型
let nums2 = [1,2,3]
//数组
let nums3:number[] = [1,2,3]
//在数组后面追加元素
nums3.push(4)
//在数组前面添加元素
nums3.unshift(1)
//删除最后面的元素
nums3.pop()
//从第几位开始删除几个
nums3.splice(0,1)
//删除最前面的
nums3.shift()
let nums4 = [1,2,3]
//合并两个数组
nums3.concat(nums4)
//根据下标查找元素位置
nums3.indexOf(2)
//排序
nums3.sort()
nums3.reverse()

元组,?代表可选参数

let ccc :[number,string,number,number?]= [1,'2',2]
//省略类型
let ccc2= [1,'2',2,6]

枚举

enum My{A,B,c
}

枚举使用

My.A 
//或者
My[0]

六、函数

//函数:a默认值是2,b是可选参数,c是剩余参数,返回值为string类型
function login(a:number = 2,b?:string,...c:string[]):string{
return "jack"
}//调用函数
login(1,"","1","2","3")

函数作为参数

function toExit(exit:Function){//执行exit("nickk")}//第一种调用
function handleExit(nickk:string){console.log('退出1')
}
toExit(handleExit)//第二种调用 匿名调用
toExit(function(nickk:string){console.log('退出2')
})//第三种调用
toExit((nickk:string)=>{console.log('退出3')
})

七、类、接口与抽象类

//类
class Person{
//静态属性
static DES:string = '张飞'nick:string = '默认'count:number = 2//构造方法constructor(nick:string,count:number){this.nick = nickthis.count = count}//方法say(nick:string){}//静态方法static play(nick:string){}
}
//使用类
let p = new Person('tom',5)
//p.nick = 'jack'
p.say('飞飞')
Person.play('飞飞')

访问修饰符

public protected private

类的继承

//继承extends
class Student extends Person {}
//使用
let stu = new Student('jack',6)
stu.count = 10

接口

//接口
interface People{name:string,age:number,}const Man:People = {name:"jack",age:18
}

抽象类

//抽象类
abstract class Persons{name:string = 'tom'play(){}//抽象方法abstract jump2():any}
class Teacher extends Persons{//继承抽象类,必须重写抽象方法jump2(){}}

命名空间

namespace aa{//在命名空间内添加export 可被外部调用export class Person{}
}
namespace bb{class Person{}
}
let ap = new aa.Person()
//let bp = new bb.Person() 报错找不到

八、类型别名

//非自定义模式
let nickName :string | number = "jack"
let nickName2 :string | number = 20
//自定义类型别名
type MyNickName = string | Numberlet nickName3:MyNickName = "TOM"
let nickName4:MyNickName = 33

九、泛型

function count(a:number, b:any):number[]{
return [a,b]
}//通过泛型改造后
function add<T>(a:T, b:T):T[]{
return [a,b]
}add<number>(1,2)
//add(1,2)  可省略类型
add<string>("jack","tom")
//add("jack","tom") 可省略类型

十、运算符

//+ - * / % ++ -- +=
//> < >= <= 
//== 判断值相等 
//=== 判断值和类型都相等
//!= 值不相等 
//!== 值和类型都不相等
//&& 并且
//|| 或者

十一、条件控制

// if else if else 
// switch case 
let age = 10
switch(age){case 1:breakcase 2:break;default:
}

十二、循环控制

let a = 2
while(a>1){}
//至少执行一次
do{}while(a>2)let names:string[] = ['张飞','赵云']
for(let i = 0;i<8;i++){var res = names[i]if(i>5){break}else {continue}
}
for(let n of names){//直接得到值var res = n
}
for(let index in names){//索引var resIndex = index
}

十三、正则表达式

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

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

相关文章

蓝桥杯省B组复习(小白篇)

个人经历与感受&#xff1a; 本周六也就是4月13号蓝桥杯竞赛&#xff0c;时间还剩下不到两天&#xff0c;我也是一名大一新生第一次接触这个竞赛&#xff0c;最开始只是单纯的抱着觉得算法有意思于是就开始接触算法&#xff0c;到此时此刻&#xff0c;我也发布了很多有关算法的…

python怎么输出小数

先将整型转换成float型&#xff0c;再进行计算&#xff0c;结果就有小数了。 >>> a 10 >>> b 4 >>> c a/b >>> a,b,c (10, 4, 2) >>> a float(a) >>> d a/b >>> a,b,d (10.0, 4, 2.5) >>> 注意&…

在Linux中查看进程的优先级

在Linux中&#xff0c;可以通过多种方式查看进程的优先级。进程的优先级有两种类型&#xff1a;一个是“nice值”&#xff0c;它是用户空间的优先级&#xff0c;用于影响进程的调度&#xff1b;另一个是“实时优先级”&#xff0c;用于实时任务。以下是几种查看这些优先级的方法…

“AttributeError: module ‘numpy‘ has no attribute ‘float‘”的成功解决方法

问题描述 使用NumPy库时遇到&#xff1a;AttributeError: module numpy has no attribute float. 具体报错提示&#xff1a;np.float was a deprecated alias for the builtin float. To avoid this error in existing code, use float by itself. Doing this will not modify…

前端常用加密小技巧:encode, MD5,JSEncrypt

最近工作的时候&#xff0c;写了一个登录注册相关功能&#xff0c;用到了些加密的东西&#xff0c;特此分享~ 什么是 MD5 MD5&#xff08;Message Digest 5&#xff09;是一种加密算法&#xff0c;用于生成数字消息或数据的固定长度&#xff08;128 位&#xff09;散列值。它…

螺栓拧紧工具选择——SunTorque智能扭矩系统

智能扭矩系统-智能拧紧系统-扭矩自动控制系统-SunTorque 螺栓拧紧工具的选择遵循以下几点&#xff1a; &#xff08;1&#xff09;工艺要求精度。目前拧紧工具有两大类&#xff1a;一类是气动拧紧&#xff1b;另一类是电动拧紧&#xff0c;前者精度较后者精度低&#xff0c;发…

从HashMap了解二叉树、平衡二叉树、红黑树

前言 面试过程中&#xff0c;多多少少会问一点数据结构&#xff08;二叉树&#xff09;的问题&#xff0c;今天我们来复习一下二叉树的相关问题&#xff0c;文末总结。 1. 二叉树的由来 在 jdk1.8 之前&#xff0c;HashMap 的数据结构由「数组链表」组成&#xff0c;数组是 Ha…

免费插件集-illustrator插件-Ai插件-批量替换链接图

文章目录 1.介绍2.安装3.通过窗口>扩展>知了插件4.功能解释5.总结 1.介绍 本文介绍一款免费插件&#xff0c;加强illustrator使用人员工作效率&#xff0c;进行批量替换链接图。首先从下载网址下载这款插件 https://download.csdn.net/download/m0_67316550/87890501&am…

SAP NACE V1 销售订单打印配置

在项目上&#xff0c;经常会有一些打印的需求&#xff0c;实现的形式也是五花八门&#xff0c; 有通过写一个打印程序&#xff0c;集成所有打印的&#xff0c;也有通过配置NACE 来完成标准打印输出的 今天我们来记录一下&#xff0c;如何通过NACE 的配置一个标准销售订单的打…

【C++软件调试技术】C++软件开发维护过程中典型调试问题的解答与总结

目录 1、引发C软件异常的常见原因有哪些&#xff1f; 2、排查C软件异常的常用方法有哪些&#xff1f; 3、为什么要熟悉常见的异常内存地址&#xff1f; 4、调试时遇到调用IsBadReadPtr或者IsBadWritePtr引发的异常&#xff0c;该如何处理&#xff1f; 5、如何排查GDI对象泄…

滑动窗口最大值(力扣239)

解题思路&#xff1a;首先是用暴力循环来解&#xff0c;其次便是用队列来模拟这个滑动窗口&#xff0c;同时要自定义三个函数&#xff0c;一个pop用来弹出来保证滑动窗口的移动&#xff0c;同时我们把最大的放在队列口那里&#xff0c;当每次有更大的就把原来的挤出栈外&#x…

Newspaper Premium高级主题:新闻网站的最佳选择,快速、SEO优化与丰富功能

Newspaper Premium高级主题&#xff0c;作为WordPress平台上最畅销且时尚的新闻主题&#xff0c;以其卓越的性能和丰富的功能&#xff0c;深受新闻网站创作者的青睐。无论是新闻中心还是其他利基市场&#xff0c;这款主题都能完美应对&#xff0c;助力您快速搭建起一个引人注目…

openstack安装dashboard后登录网页显示404错误

1. 2.进入该目录vim /etc/httpd/conf.d/openstack-dashboard.conf 增加这一行 WSGIApplicationGroup %{GLOBAL} 重启httpd后就可以访问了

如何在Windows使用固定公网地址SSH远程访问本地Archcraft系统

文章目录 1. 本地SSH连接测试2. Archcraft安装Cpolar3. 配置 SSH公网地址4. 公网远程SSH连接小结 5. 固定SSH公网地址6. SSH固定地址连接 Archcraft是一个基于Arch Linux的Linux发行版&#xff0c;它使用最简主义的窗口管理器而不是功能齐全的桌面环境来提供图形化用户界面。 C…

推荐两款HTTP请求Mock利器

1、背景 在日常测试过程中或者研发开发过程中&#xff0c;目前接口暂时没有开发完成&#xff0c;测试人员又要提前介入接口测试中&#xff0c;测试人员不仅仅只是简单的编写测试用例&#xff0c;也可以通过一些mock的方法进行来提前根据接口测试的情况进行模拟返回接口的信息&…

赚钱游戏 2.0.1 版 (资源免费)

没有c编辑器的可以直接获取资源来玩 #include <iostream> #include <string> #include <windows.h> #include <conio.h> #include <fstream> #include <ctime> #include <time.h> #include <stdio.h> #include <cstring&g…

redis如何实现故障转移

Redis可以通过以下几种方式实现故障转移&#xff1a; Redis Sentinel&#xff1a;Redis Sentinel是一种自动故障转移解决方案&#xff0c;它由三个组件组成&#xff1a;一个主服务器、一个或多个从服务器和一个监控代理。监控代理负责监控主服务器&#xff0c;并在主服务器出现…

2024年认证杯数学建模C题思路+模型+代码

C题 云中的海盐 巴黎气候协定提出的目标是&#xff1a;在 2100 年前&#xff0c;把全球平均气温相对于工业 革命以前的气温升幅控制在不超过 2 摄氏度的水平&#xff0c;并为 1.5 摄氏度而努力。 但事实上&#xff0c;许多之前的研究已经指出&#xff0c;全球的碳排放以及…

微信小程序支付Java工具类

准备工作 微信支付开发前&#xff0c;需要先获取商家信息&#xff0c;包括商户号、AppId、证书和密钥&#xff1a; 获取商户号&#xff1a;微信商户平台 申请成为商户 > 提交资料 > 签署协议 > 获取商户号&#xff1b;获取AppID&#xff1a;微信公众平台 注册服务号…

使用SpeechRecognition和vosk处理ASR

SpeechRecognition可以支持多种模型语音转文字&#xff0c;感觉vosk还不错&#xff0c;使用起来也简单一些&#xff1b;百度也有PaddleSpeech&#xff0c;但是安装起来太麻烦&#xff0c;不是这个库版本不对就是那个库有问题&#xff0c;用起来不方便&#xff1b; 安装SpeechR…