light丶

2024年6月19日

摘要：类型断言就是，如果我们比ts更加清楚这个值的类型就需要手动去添加类型，本质是指定更加具体的类型例子： let link =document.getElementById('link') //这时候，他默认的类型是 HTMLElement，但他不是a标签的类型这时候我们通过link.href是错阅读全文

posted @ 2024-06-19 19:43 light丶阅读(19) 评论(0) 推荐(0)

类型默认和any类型

摘要：类型默认就是： let age= 20 //这样就是类型默认，他会自动给你的值判断为number类型获取某个div标签的时候也是 let div= document.createElement('div') //他会自动把div这个变量值的类型设置为 HTMLDivElement 类型 any类型阅读全文

posted @ 2024-06-19 19:31 light丶阅读(19) 评论(0) 推荐(0)

字面量类型（声明的类型为写死的值）

摘要： type a1=1 | 0 let p:a1 = 1 p = 'string'//错误对象里面也同样适用 type resType = { code: 1001 | 1002 | 1003 //数字字面量联合类型 msg: string } const res = { code: 1001, ms 阅读全文

posted @ 2024-06-19 19:26 light丶阅读(21) 评论(0) 推荐(0)

对象类型继承

摘要：对象类型继承两个方法一个用type 一个用interface type方法： type Person ={ id:number } type GoodType = Person &{ name:string } let p:GoodType ={ id:1 name:'你好' } interfac 阅读全文

posted @ 2024-06-19 19:23 light丶阅读(14) 评论(0) 推荐(0)

2024年6月14日

对象类型注解

摘要：有两种方法一个是用type，一个是用interface type用法： //type 别名= { // 属性名：类型 // 属性名n:类型n //} //let 变量名：别名={ // 属性名：值 // 属性名n:值n //} type objType ={ name:string age:num 阅读全文

posted @ 2024-06-14 21:54 light丶阅读(17) 评论(0) 推荐(0)

ts函数组注解

摘要：语法： // function(形参：类型，形参n:类型n....):返回值类型{ // return 内容 // } 例子： function add(a:number,b:number):number{ return a+b } let res =add(1,2) let res =add(1, 阅读全文

posted @ 2024-06-14 21:32 light丶阅读(45) 评论(0) 推荐(0)

ts类型别名

摘要：语法： type 别名=类型 let 变量：别名=值 type TypeItem =string | number let x:TypeItem x=11 x='你好' type arrType =string left arr:arrType =['哈’，’哈‘] type arrsType =A 阅读全文

posted @ 2024-06-14 21:19 light丶阅读(31) 评论(0) 推荐(0)

ts数组类型注解

摘要：有两种方法语法1：let 变量名：类型[] 或 let 变量名：（类型 | 类型）[] 语法2：let 变量名：Array<类型> 或 let 变量名：Array<类型 | 类型> 方法一： let arr1:string[] arr1=['1','2','3'] 或 let arr1:（stri 阅读全文

posted @ 2024-06-14 21:08 light丶阅读(37) 评论(0) 推荐(0)

ts的常量类型注解

摘要：语法：let 变量：类型 let msg:string msg ='hello ts' msg =200 // 错误或let msg:(string | number)msg ='hello ts'msg =200 阅读全文

posted @ 2024-06-14 21:01 light丶阅读(26) 评论(0) 推荐(0)

2024年5月15日

创建vue3+ts

摘要：打开cmd命令输入 npm create vite@latest 项目名称 -- --template vue-ts 说明： 1. npm create vite@latest 基本最新版本的vite进行项目创建 2. vue-ts-pro 项目名称 3. -- --template vue-ts 阅读全文

posted @ 2024-05-15 16:15 light丶阅读(43) 评论(0) 推荐(0)

公告