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()  
相关推荐
蜡台31 分钟前
Node 安装 awesome-qr 失败解决
javascript·vue·qrcode·awesome-qr
格子软件1 小时前
2026年GEO优化系统源码级状态机与多模型调度拆解
java·前端·vue.js·人工智能·vue·geo
HUMHSX2 小时前
Vue 项目启动全流程解析:从入口文件到全局指令注册与页面渲染
前端·javascript·vue.js
有颜有货2 小时前
PMC生产排产的4种算法,一次讲清
java·服务器·前端
小虎牙0072 小时前
Android kotlin图片库Coil源码详解
android·前端
随风一样自由2 小时前
【前端领域】前端开发核心应用场景与落地实践
前端·前端框架
an317423 小时前
弹窗数据流设计的两种高阶架构实践
前端·vue.js·架构
谢尔登3 小时前
【React】 状态管理方案
前端·react.js·前端框架
用户938515635073 小时前
手把手教你实现一个 MCP 文件读取服务器:从协议到代码的深度解析
javascript·人工智能
用户2136610035723 小时前
Vue商品详情与放大镜组件
前端·javascript