TypeScript简介
Typescript特点:
- 可读性增强:基于语法解析TSDos,ide增强
- 可维护性增强:在编译阶段暴露大部分错误。(多人合作的大型项目中,获得更好的稳定性和开发效率)
- 包含于兼容所有JS特性,支持共存
- 支持渐进式引入与升级
- TypeScript工具使重构更变的容易、快捷。
- TypeScript 引入了 JavaScript 中没有的“类”概念。
- TypeScript 中引入了模块的概念,可以把声明、数据、函数和类封装在模块中
- 类型安全功能能在编码期间检测错误,这为开发人员创建了一个更高效的编码和调试过程。
TypeScript基本数据类型
- any(任意类型):声明未any的变量可以赋予任意类型的值;
- number(数字类型):双精度64位浮点值。它可以用来表示整数和分数;
- string(字符串类型):使用单引号或者双引号表示字符串类型。反引号可定义多行文本;
- boolean(布尔类型):表示逻辑值:true和false;
- 数组类型:声明变量为数组;
- void类型:无类型,只能赋予undefined和null。
扩展:TypeScrip对象数据类型
- 元组类型: 用来表示已知元素数量和类型的数组,各元素类型不必相同,在声明时对应位置的类型需要相同;
- enum(枚举类型):用于定义数值集合;
- null:表示对象缺失;
- undefined:初始化变量一直未定义的值;
- never是其他类型的子类型,代表从不会出现的值。
接口(interface):在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计你面。接口起到一种限制和规范的作用。
注:使用interface关键字定义接口一般首字母大写,并在接口名称上加上大写 I 前缀。
- 任意属性:约束所有对象属性都必须是该属性的子类型;
- 只读属性:约束属性不可在对象初始化外赋值(在对象的属性前加关键字readonly);
- 可选属性:定义该属性可以不存在(在该属性后加上?)。
TS中有两种常见的定义函数的方式——函数声明和函数表达式
函数声明:
function sun(x: number, y: number): number{
return x + y;
}
函数表达式:
let sum: (x: number, y: number) => number = function(x: number, y: number): number{
return x + y;
}
注:不要混淆了TS中的=>和ES6中的=>TypeScript重载
TS中表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型,
ES6中是一种应用广泛的箭头函数。
函数重载:具备不同参数的同名函数。
函数重载具有两天特征:名称相同,参数不同(参数类型、个数不同)
函数重载是多态的一种体现TS中函数重载主要包括两部分:函数声明,和函数实现。
函数声明:是TSC解析的一种声明体现,实际编译中,并不好编译成具体代码。
参数不同的函数重载:
function print(info: string, message: string): void;
而当着两种声明,同时存在在TS的声明文件中,我们就需要用函数重载来实现,这是js没有的特性。
参数个数相同,但是类型不同的函数重载
函数声明中参数的类型是不同的,在这种情况下,就要用到联合类型
function print(message: string | number) {
conlose.log(message)
}
【笔记|TypeScript简记(一)】可以看出,在TS中实现函数重载的方式分别是利用了TypeScript中的两个类型特性:可选类型和联合类型。
推荐阅读
- 笔记|数据挖掘经典十大算法_ID3算法
- 源程序|使用Python将数据库中的文本生成词云图
- 笔记|MySql数据库修改密码【详细教程】
- 源程序|SpringBoot框架入门(二)
- DGIOT支持工业设备租赁以及远程管控
- 2022秋招前端面试题(六)(附答案)
- 2022年最新开课吧-孤尽训练营002期—T31购票+抢票系统
- 前端|基于物联网的智慧农业监测系统(前端界面有web端和微信小程序端)
- 笔记|基于Java+SpringMVC+MySql+Layui+H5网站后台管理系统