TS基础入门，听说和Vue3更配哦！

大家好，我是桌游小扩。

目前无名杀只有诗笺版app支持ts。

TS就是添加了类型系统的 js，解决了 JS 的一些缺点，完全兼容JS的超集。

TS如何使用

就是在变量后面声明数据类型，变量只能赋值同类型的数据，改变就会报错。

letmsg:string ="测试"// 正确方式msg = 123   // 报错

​script 标签声明 lang="ts"

TS的数据类型

string

number

boolean

undefined

null

ES6新增的symbol类型

Array 数组类型，定义是number，数组里面就全是数字

let arr: number[]= [1, 2, 3, 4]

object 对象类型

let obj:objectobj = { a:1, b:2}

TS中数组元素类型必须一致，如果需要不同元素，可以使用元组

let arr: [string, number, undefined] = ['text', 123, undefined]

enum 枚举类型

enum msg { num1, // 如果没有定义，从0开始 num2, // 如果现在定义num2= 10，下面打印msg.num3 = 11,从10开始递增 num3}console.log(msg) //  { '0': 'num1', '1': 'num2', '2': 'num3' }console.log(msg.num1) // 0console.log(msg[0]) // num1//使用枚举let one:msg = msg.num1console.log(one) // 0

any类型，相当于没有启用TS的类型检测，代表任意类型

let anyVal: anyanyVal = 5 // numberanyVal = 'str' // string

void类型，当函数没有返回值的时候，可以定义为void类型

// 没有返回值 function show(): void { console.log(1) }//有返回值的函数根据返回值类型，定义类型 function show(): string { return 'str'}

never类型，代表不存在的值的类型，一般用于抛出异常

// 抛出异常function show(): never { throw new Error('err')}