ts是js的超集,超级集合,最终会被编译为js代码
如果ts文件里如果直接写的是js代码,那可以当作js引入到html页面,如果是ts代码,就要编译成js文件,在html引入js文件
基本数据类型
ts支持与js基本相同的数据类型,但是也有自己的东西赋值基本语法 let 变量名:数据类型=值
1.布尔boolean
语法 let a:boolean=true
2.数字类型number
语法 十进制10 二进制0b1010 八进制0o12 十六进制0xa
3.字符串类型string
语法 拼接 模板字符串${str1},${str2}
4.null undefind
语法 可以作为其他数据类型的子类型,就是可以把它们赋值给其他数据类型 但是也会报错,因为tsconfig里面有严格模式 关掉就可以
5.数组方式赋值
5.1数组Array 赋值语法 let 变量名:数据类型[]=[值1,2,3] 5.2泛型写法 语法 let 变量名:Array<数据类型>=[zhi1,zhi2] 注意·规定什么数据类型,就要赋值什么数据类型的数据
6.元组类型
语法 let 变量名:[数据类型1,数据类型2,数据类型3]=[数据类型1的数据,数据类型2的数据,数据类型3的数据],这样写 类型和数据的个数就被限定了( 具体类型可以调用相应的方法)
7.枚举类型
enum enum Color{
a,
b,
c
}
log(Color.a) //0
Color[0] //a
8.any
当不知道是什么数据类型时,也不知道几个数据时,当用数组赋值时,let 变量名:any[]=['str',123,true],缺点就是其中的一个数据可以使用任何数据类型的方法
9.void
表示没有任何类型 //没有返回值
10.object类型
函数里的参数和返回值都是object,
11.联合类型
str:number|string 可以是number也可以是string
12.类型断言
语法1 <类型>变量名 语法2 值 as 类型
13.数据推断
let a=123 //number a='aaa'赋值字符串类型就会报错没有赋值的变量 推断为any类型