Object.fromEntries 能直接转换 FormData 是因为其原生支持迭代协议，entries() 返回键值对序列，完美匹配该方法输入要求；但同名字段仅保留最后一个值，多值需用 getAll() 手动处理，文件对象序列化后为空，IE 不支持需降级为 for...of 循环。
FormData 转 JSON 时 Object.fromEntries 为什么能直接用
因为 FormData 实例原生支持迭代协议，它的 entries() 方法返回一个可遍历的键值对序列，恰好匹配 Object.fromEntries 的输入要求。不需要先转成数组再处理，也不用手动 for...of 循环收集。
但要注意：FormData 中同名字段（如多选 checkbox、重复 name）只会保留最后一个值 —— 这是浏览器默认行为，Object.fromEntries 不会改变它。
遇到多值字段（如复选框）怎么办
Object.fromEntries 本身不合并同名项，它只取迭代器每次产出的第一个值。如果表单里有多个 name="hobby" 的 checkbox，formData.entries() 只返回第一个匹配项。
正确做法是改用 formData.getAll('hobby') 手动提取全部值，再组装对象：
const formData = new FormData(formElement);
const obj = Object.fromEntries(formData.entries());
// 修复多值字段
['hobby', 'tag'].forEach(key => {
const values = formData.getAll(key);
if (values.length > 1) obj[key] = values;
});
文件字段（<input type="file">）会被转成什么
Object.fromEntries(formData.entries()) 会把 File 对象直接塞进 JSON 字段，但 JSON.stringify 序列化时会得到空对象 {} —— 因为 File 不可枚举且没有可序列化的自有属性。
常见误操作：JSON.stringify(Object.fromEntries(formData.entries())) 看似成功，实则丢掉了文件内容。
需要传文件时，应保持 FormData 原样提交，或手动提取文件名/大小等元信息：
- 用
formData.get('avatar') instanceof File判断是否为文件 - 只取
.name、.size、.type等安全字段构造 JSON - 真正上传仍需用原
FormData实例发fetch
IE 兼容性与降级方案
Object.fromEntries 在 IE 中完全不可用，Chrome 73+、Firefox 63+、Safari 12.1+ 支持。如果需兼容旧环境，不要依赖 polyfill —— 它无法修复 FormData.entries() 在低版本中的缺失。
稳妥降级写法：
function formDataToPlainObject(fd) {
const obj = {};
for (const [key, value] of fd.entries()) {
obj[key] = value;
}
return obj;
}
这个循环在所有支持 FormData 的浏览器中都有效，包括 Edge 18 和部分旧版 Chrome。
真正容易被忽略的是：表单控件的 disabled 属性会让对应字段直接不出现在 FormData 中，而不是传 undefined 或空字符串 —— 如果后端依赖字段存在性做校验，这点必须提前对齐。
