关于FormData使用append更改值不生效问题

FormData是一个对象，但是不能使用常用的获取对象的方法获取它里面的值

let formData = new FormData();
formData.append('name','lili');
console.log(formData.name);
// 这样写是不会获取到name的值的，会返回undefined
console.log(formData.append.name);
// 这样写也是不会获取到name的值的，会返回undefined

FormData的append方法是用来添加数据的，它会在数据的末尾新增，如果添加了多次同一个key的值，并不会把已经添加的值改掉，只会在后面新增一个值（实际上是一个数组）

let formData = new FormData();
formData.append('name','lili');
formData.append('name','huahua');
// 这里面存储的数据实际上会是['lili','huahua']这样的

要是想把已经存在的数据改掉要使用set方法

let formData = new FormData();
formData.set('name','xixi');
// 如果formData里面原来没有name这个字段是会新增这个字段的
// 所以如果在某种逻辑下字段的值需要更改最好直接使用set，就不要用append了，这样写一行代码就够了。

如果想获取某个字段的值就要使用get方法，get方法会获取这个字段的第一个值，使用getAll方法会获得这个字段所有的值

let formData = new FormData();
formData.append('name','huahua');
formData.append('name','lili');
console.log(formData.get('name'));
// 会输出'huahua'
console.log(formData.getAll('name'));
// 会输出['huahua','lili']

判断是否存在某个字段可以使用has方法

let formData = new FormData();
formData.append('name','lili');

console.log(formData.has('name'));// 会返回true

console.log(formData.has('aa'))// 会返回false

 删除某个字段可以使用delete方法

let formData = new FormData();
formData.append('name','huahua');
formData.delete('name');

（本文是基于作者在写代码的过程中记录的一些心得体会，如有不恰当的地方欢迎各位大佬指正～）