如何安全判断FormDataEntryValue是File还是string类型？

你可以通过以下几种安全方式判断FormData中的值是File类型还是string类型，完全不需要使用类型断言相关的关键字：

• 使用instanceof运算符
  这是最直接可靠的方式，因为File是浏览器内置的构造函数，通过判断值是否为File的实例，可以精准区分类型：

  function isFile(value) {
    return value instanceof File;
  }
  
  // 实际使用示例
  const formData = new FormData();
  formData.append('username', 'john_doe');
  formData.append('avatar', new File(['avatar content'], 'avatar.png', { type: 'image/png' }));
  
  for (const [key, value] of formData.entries()) {
    if (isFile(value)) {
      console.log(`${key}: 这是一个File对象`);
    } else {
      console.log(`${key}: 这是一个字符串，内容为${value}`);
    }
  }
  

• 检查constructor属性
  每个File实例的constructor属性会指向File构造函数，而字符串的constructor会指向String，利用这一点也可以完成判断：

  function isFile(value) {
    return value.constructor === File;
  }
  

  注意：由于FormData的条目值只会是File或string，所以无需额外处理其他类型的边界情况。

• 检查File特有的属性（备选方案）
  如果需要兼容一些特殊场景，可以检查File对象特有的属性（比如name、size、type），结合类型判断来确认：

  function isFile(value) {
    return typeof value === 'object' && 'name' in value && typeof value.name === 'string';
  }
  

  这种方式的可靠性略低于前两种，因为存在模拟File属性的普通对象的可能性，但在FormData的场景下，这种情况几乎不会出现。

内容的提问来源于stack exchange，提问作者Page not found