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()
相关推荐
鱼与宇1 小时前
前端Web(html+css+js+vue3)
前端
雪芽蓝域zzs3 小时前
(六)打包优化 + Nginx 部署完整配置 + 项目收尾
前端·vue.js
研☆香3 小时前
聊一聊前端的常见字 关键字
开发语言·前端·javascript
东风破_3 小时前
JWT 1:从一个登录请求开始,理解 React 项目里的 API 层与 Mock
前端·后端
东风破_3 小时前
JWT 3:为什么 Token 要放进 Authorization?Axios 拦截器到底解决了什么?
前端·后端
东风破_3 小时前
JWT 5:路由守卫是什么?把整个 JWT 登录鉴权流程串起来
前端·后端
东风破_3 小时前
JWT 2:HTTP 是无状态的,为什么登录成功后还要给 Token?
前端·后端
东风破_3 小时前
JWT 4:Zustand 到底解决了什么?为什么登录状态要放进 Store?
前端·后端
IT_陈寒4 小时前
Vite动态导入差点让我秃头,原来问题出在这
前端·人工智能·后端
白泽_hunter4 小时前
项目里最常见的 5 个 this 指向坑:从规则到实战彻底讲透
前端