[TypeScript] Create a fluent API using TypeScript classes
2024-08-31 20:31:22
You can create an easy to chain API using TypeScript classes. Learn about the this
return type annotation and how it plays with function chaining and class inheritance.
class Adder {
protected acc: number = ;
add(num: number): Adder {
this.acc += num;
return this; // enable to chain methods
} get result() {
return this.acc;
}
} const adder = new Adder()
const res = adder.add().add().result;
console.log(res); // class Calculator extends Adder {
subtract(num: number): Calculator {
this.acc -= num;
return this;
}
} const cal = new Calculator();
const res2 = cal.add().add().subtract().result;
console.log(res2) // -97
You can also do:
const res2 = new Calculator()
.add()
.add()
.subtract()
.result;
console.log(res2) // -97
最新文章
- UML Sequence sample: if-else
- Wordnet的一些简单使用
- jquery只能输入数字方法
- hud 2502 月之数
- js 函数的调用模式
- Android Paint中setTextSize
- Android(java)学习笔记232:Android进程间通讯(IPC)之AIDL
- jquery的冒泡事件event.stopPropagation()
- vue实现简单表格组件
- MySQL数据库将多条记录的单个字段合并成一条记录
- ArcGIS for JavaScript学习(二)Server发布服务
- 记录一下putty的pscp的用法【转】
- zabbix的自动发现、自定义添加监控项目、配置邮件告警
- 牛客网练习赛7-D-无向图(bfs,链式前向星)
- vue+axios实现移动端图片上传
- boost生成json中的put操作
- Shell脚本查询进程存活信息
- Android背景颜色渐变
- linux 下的 crontab 定时任务工具
- Springboot用官方建议访问Html页面并接传值