笔记|TypeScript简记(一)

TypeScript简介
Typescript特点:

  • 可读性增强:基于语法解析TSDos,ide增强
  • 可维护性增强:在编译阶段暴露大部分错误。(多人合作的大型项目中,获得更好的稳定性和开发效率)
  • 包含于兼容所有JS特性,支持共存
  • 支持渐进式引入与升级
TS相比JS的优势:
  • TypeScript工具使重构更变的容易、快捷。
  • TypeScript 引入了 JavaScript 中没有的“类”概念。
  • TypeScript 中引入了模块的概念,可以把声明、数据、函数和类封装在模块中
  • 类型安全功能能在编码期间检测错误,这为开发人员创建了一个更高效的编码和调试过程。
编译器推荐:Vscode
TypeScript基本数据类型
  • any(任意类型):声明未any的变量可以赋予任意类型的值;
  • number(数字类型):双精度64位浮点值。它可以用来表示整数和分数;
  • string(字符串类型):使用单引号或者双引号表示字符串类型。反引号可定义多行文本;
  • boolean(布尔类型):表示逻辑值:true和false;
  • 数组类型:声明变量为数组;
  • void类型:无类型,只能赋予undefined和null。
扩展:
  • 元组类型: 用来表示已知元素数量和类型的数组,各元素类型不必相同,在声明时对应位置的类型需要相同;
  • enum(枚举类型):用于定义数值集合;
  • null:表示对象缺失;
  • undefined:初始化变量一直未定义的值;
  • never是其他类型的子类型,代表从不会出现的值。
TypeScrip对象数据类型
接口(interface):在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计你面。接口起到一种限制和规范的作用。
注:使用interface关键字定义接口一般首字母大写,并在接口名称上加上大写 I 前缀。
  • 任意属性:约束所有对象属性都必须是该属性的子类型;
  • 只读属性:约束属性不可在对象初始化外赋值(在对象的属性前加关键字readonly);
  • 可选属性:定义该属性可以不存在(在该属性后加上?)。
TypeScrip函数类型
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中的=>
TS中表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型,
ES6中是一种应用广泛的箭头函数。
TypeScript重载
函数重载:具备不同参数的同名函数。
函数重载具有两天特征:名称相同,参数不同(参数类型、个数不同)
函数重载是多态的一种体现
TS中函数重载主要包括两部分:函数声明,和函数实现。
函数声明:是TSC解析的一种声明体现,实际编译中,并不好编译成具体代码。
参数不同的函数重载:
function print(info: string, message: string): void;

而当着两种声明,同时存在在TS的声明文件中,我们就需要用函数重载来实现,这是js没有的特性。
参数个数相同,但是类型不同的函数重载
函数声明中参数的类型是不同的,在这种情况下,就要用到联合类型
function print(message: string | number) { conlose.log(message) }

【笔记|TypeScript简记(一)】可以看出,在TS中实现函数重载的方式分别是利用了TypeScript中的两个类型特性:可选类型和联合类型。

    推荐阅读