TypeScript | 青训营笔记

77 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第1天

# TypeScript简介

TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。

TypeScript 由微软开发的自由和开源的编程语言。

TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

TypeScript与JavaScript的对比

TypeScriptJavaScript
JavaScript的超集,用于解决大型项目的代码复杂性一种脚本语言,用于创建动态网页
强类型,支持静态和动态类型动态弱类型语言
可以在编译期间发现并纠正错误只能在运行时发现错误
不允许改变常量的数据类型变量可以被复制成不同类型

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

TS基础

TypeScript 基础类型

ypeScript 包含的数据类型如下表:

数据类型关键字描述
任意类型any声明为 any 的变量可以赋予任意类型的值。
数字类型number双精度 64 位浮点值。它可以用来表示整数和分数。
字符串类型string一个字符系列,使用单引号(')或双引号(")来表示字符串类型。
布尔类型boolean表示逻辑值:true 和 false。
数组类型声明变量为数组。
元组元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。
枚举enum枚举类型用于定义数值集合。
voidvoid用于标识方法返回值的类型,表示该方法没有返回值。
nullnull表示对象值缺失。
undefinedundefined用于初始化变量为一个未定义的值
nevernevernever 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。

注意: TypeScript 和 JavaScript 没有整数类型。

TypeScript 函数类型

1. 定义: TS定义函数类型时要定义输入参数类型和输出类型。

2. 输入参数: 参数支持可选参数和默认参数。

3. 输出参数: 输出可以自动推断,没有返回值时,默认为void类型。

4. 函数重载: 名称相同但参数不同,可以通过重载支持多种类型

5. 调用函数: 函数只有通过调用才可以执行函数内的代码。