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()  
相关推荐
漂移的电子4 分钟前
【el-tree】外层多选,某个属性内层单选
前端·javascript·vue.js
BJ-Giser14 分钟前
Cesium 体积光阴影率分析和阴影体渲染效果
前端·可视化·cesium
幽络源小助理18 分钟前
YK一点资讯Zblog主题源码, 游戏攻略新闻资讯模板
前端·php源码
RPGMZ20 分钟前
RPGMZ NPC头顶自动显示一段消息
前端·游戏引擎·rpgmz·rpgmakermz
DFT计算杂谈26 分钟前
AMSET 设置多核并行计算
java·前端·css·html·css3
花椒技术30 分钟前
AI 协同开发落地复盘:1 小时生成首版后,为什么 Review 和修正又花了 2-3 天
前端·人工智能·架构
万少1 小时前
万少用9个AI工具,帮朋友完成了一个"不可能"的项目
前端
小小小小宇1 小时前
Vue `import` 为什么可以异步加载
前端
WMYeah1 小时前
【无标题】
前端·rust·抽奖程序·跨平台抽奖程序
Unbelievabletobe1 小时前
免费外汇api的响应时间在不同时段下的波动分析
大数据·开发语言·前端·python