TypeScript入门 | 青训营笔记

90 阅读1分钟

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

什么是TypeScript?

TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成,兼容JS所有特性,支持共存

TypeScript基本语法

定义变量

在TS中定义变量要在变量后面标注类型

var a:string = '114514';
var b:number = 1919810;
var c:boolean = true;
var d:null = null;
var e:undefined = undefined;

对象类型

interface Class{ 
    //只读属性,只能在初始化中赋值
    readonly name:string; 
    //可选属性,可以有也可以没有 
    hobby? : string; 
    //普通属性,无任何多余声明,必须初始化
    name:string;
    //任意属性,约定所有属性必须是该类型的子类型
    [key:string]:any;
}

函数

函数需要为形参和返回值标注类型

function add(a: number , b: number): number{
    return a+b;
}

数组类型

数组类型需要在前面加type

//数组表示
type array =number[]
//元组表示
type array2 =[number,string]

补充类型

空类型,表示无赋值

type emptyFunction = () =>void;

任意类型,是所有类型的子类型

type anyType = any;

字符串、数字 字面量

//必须为a,b,c其中一个
type a = 'a'|'b'|'c';
//必须为1,2,3,4,5的其中一个
type n = 1|2|3|4|5;