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()  
相关推荐
大龄大专大前端2 小时前
JavaScript闭包的认识/应用/原理
前端·javascript·ecmascript 6
字节源流2 小时前
【SpringMVC】常用注解:@SessionAttributes
java·服务器·前端
肥肠可耐的西西公主2 小时前
前端(vue)学习笔记(CLASS 4):组件组成部分与通信
前端·vue.js·学习
烛阴2 小时前
JavaScript 函数绑定:从入门到精通,解锁你的代码超能力!
前端·javascript
花椒和蕊2 小时前
【vue+excel】导出excel(目前是可以导出两个sheet)
javascript·vue.js·excel
泫凝2 小时前
使用 WebP 优化 GPU 纹理占用
前端·javascript
magic 2452 小时前
CSS块元素、行内元素、行内块元素详解
前端·css
returnShitBoy3 小时前
前端面试:React hooks 调用是可以写在 if 语句里面吗?
前端·javascript·react.js
love黄甜心3 小时前
Sass:深度解析与实战应用
前端·css·sass
加减法原则3 小时前
深入理解 Vue 3 中 watch 与 watchEffect 的区别
javascript