技能 · 编程

JSON 转 TypeScript 类型:先定可选字段

把接口返回的 JSON 样本转成 TypeScript 类型,先判断哪些字段真的可选,避免把所有字段都标成 any 或者全加问号。

编程入门前端开发全栈
适用边界:适合前后端联调初期、字段还不稳定时快速建类型;已用 OpenAPI 或类型生成工具的项目应直接用生成器,手工转换容易和接口漂移。

怎么做

  1. 先收集三到五份真实响应样本,覆盖正常、空列表和错误三种情况。
  2. 合并样本,找出只在部分样本里出现的字段,那才是真正的可选字段。
  3. 给每种字段推断类型,日期用字符串并加注释说明,数组写明元素类型。
  4. 把类型文件放在请求函数同一目录,接口改字段时同步修改类型定义。

交付前检查

可复制提示词

你是前端类型工程师。输入:【接口 JSON 样本】=____;【接口说明】=____;【项目类型规范】=____。请输出 TypeScript 接口定义:字段名、类型、是否可选、注释。要求可选字段只依据样本缺失判断,无法确定类型时用 unknown 而非 any,日期与枚举加注释。不要虚构接口没有的字段,最后指出三个最容易随接口变化而失配的字段。

相关工具

MarkKit 工具箱

打开即用

打开 →

AI 编程一条龙

把这项技能放进完整流程

继续 →

同类技能

正则编写:先写测试串再写表达式

先写一批应该匹配和不该匹配的样本串,再写正则,逐条跑通才收工,避免表达式只在作者想到的那一种格式上正确。

查看 →

SQL 慢查询定位:先看执行计划再改索引

先看执行计划和扫描行数,再判断是缺索引、索引失效还是写法导致全表扫描,改完用同一语句复测耗时。

查看 →

接口联调:用 curl 复现再改代码

先用 curl 把接口请求原样复现,排除前端参数和请求头的干扰,确认问题在服务端还是调用方,再动手改代码。

查看 →
更新时间:2026-10-29 · 步骤是通用做法,平台/客户规则以实际页面为准;不承诺排名、过稿或收益。

跨库学习路径

按共同关键词匹配,不是随机推荐;从任务到提示词/教程/项目继续走。

提示词

公众号深度稿:把行业观察写成有证据的长文

把分散的行业观察整理成有论点、有证据链、可直接编辑的深度长文

从技能到提示词的下一步

继续 →
教程

商品图压到 200KB 还不糊:先改尺寸还是先降质量

学会先缩尺寸再降质量的两段式压缩,把商品图稳定压到 200KB 以内且文字边缘仍然可读。

从技能到教程的下一步

继续 →
项目

给连锁口腔诊所写 12 篇种植牙科普推文,用于公众号留资

12 篇 800 字科普文 + 6 组医患问答 + 1 份四周发布排期

从技能到项目的下一步

继续 →