typescript语法讲解

typescript

1.let/const

typescript 复制代码
let msg:string='hello'  
let age:number=11  
let isDone:boolean=true  

2.数据类型

typescript 复制代码
string  
number  
boolean  
any  
void  
null  
undefined  
never  
object  
array  
tuple  
enum  

3.interface

typescript 复制代码
interface Person{  
name:string;  
age:number;  
sex?:string;  
readonly school:string;  
greet():void;  
[prop:string]:string;  
}  
let person:Person={name:'ivan',age:30}  

4.联合类型与交叉类型

typescript 复制代码
let v:string|number=12  
type Admin=Employee&Manager  

5.泛型

typescript 复制代码
function ide<T>(arg:T):T{  
return arg  
}  
let out=ide<number>(12)  

6.类型别名

typescript 复制代码
type UserId=string  
let id:UserId='test11'  

7.类型断言

typescript 复制代码
let v:any='test'  
let d:number=(<string>v).length  
let c:number=(v as string).length  

8.装饰器

typescript 复制代码
function log(value:any,constructor:any){  
console.log(`${constructor.name}`)  
}  
@log  
class Student{  
constructor(){  
console.log('constructor')  
}  
}  
const s=new Student()  
相关推荐
spencer_tseng8 分钟前
jquery download
javascript·jquery
极速蜗牛31 分钟前
告别部署焦虑!PinMe:前端开发者的极简部署神器
前端·javascript
uhakadotcom1 小时前
Python Protobuf 全面教程:常用 API 串联与实战指南
前端·面试·github
by__csdn1 小时前
微前端架构:从理论到实践的全面解析
前端·javascript·vue.js·架构·typescript·vue·ecmascript
漫长的~以后2 小时前
Edge TPU LiteRT V2拆解:1GB内存设备也能流畅跑AI的底层逻辑
前端·人工智能·edge
小福气_2 小时前
自定义组件 vue3+elementPlus
前端·javascript·vue.js
程序员博博2 小时前
这才是vibe coding正确的打开方式 - 手把手教你开发一个MCP服务
javascript·人工智能·后端
piaoroumi2 小时前
UVC调试
linux·运维·前端
前端不太难2 小时前
RN 调试效率低,一点小改动就需要重新构建?解决手册(实战 / 脚本 / Demo)
前端·react native·重构
是谁眉眼2 小时前
vue环境变量
前端·javascript·vue.js