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()  
相关推荐
一个假的前端男18 分钟前
uniapp 3端轮播
前端·javascript·uni-app
Fantasydg2 小时前
Request Response对象
前端
Wect2 小时前
学习React-DnD:核心组件与Hooks
前端
humors2212 小时前
前端开发案例(不定期更新)
前端·vue.js·elementui·ruoyi·若依
菠萝+冰2 小时前
npm中-d -g 和默认安装的区别
前端·npm·node.js
心随雨下2 小时前
Flutter Material 3设计语言详解
javascript·flutter·设计语言
一路向北North2 小时前
网页版预编译SQL转换工具
前端·javascript·sql
拿不拿铁193 小时前
Vite 5.x 开发模式启动流程分析
前端
fruge3 小时前
设计稿还原技巧:解决间距、阴影、字体适配的细节问题
前端·css
把csdn当日记本的菜鸡3 小时前
js查缺补漏
开发语言·javascript·ecmascript