🔧 TypeScript 装饰器 & 类型校验 Demo
模拟装饰器模式与运行时类型校验的工作原理 | 点击按钮观察效果
📋 装饰器日志系统
@log @measure
➕ 加法运算
👋 打招呼
⚠️ 触发异常
清除日志
[系统] 装饰器日志系统已就绪
[系统] 可用装饰器: @log, @measure, @throttle
调用次数:
0
总耗时:
0
ms
最近调用:
-
✅ 运行时类型校验
validate
选择校验类型
用户信息 (User)
商品信息 (Product)
订单信息 (Order)
🔍 校验数据
重置
[校验器] 等待输入数据...
🔗 高阶函数组合管道
pipe compose
输入值
选择管道
数学管道: 加倍 → 加10 → 取平方
字符串管道: 大写 → 加前缀 → 加后缀
校验管道: 转数字 → 检查范围 → 格式化
▶ 执行
[管道] 选择管道并点击执行...