创建类实例对象和普通对象类型的区别

1. 类的对象 (实例化创建的对象)

类对象是通过 类的实例化 创建的对象。类是一种蓝图或模板，定义了对象的结构和行为（属性和方法），你可以通过 new 关键字 实例化一个类来生成对象。

创建类和实例化对象：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

// 实例化对象
const john = new Person('John', 30);
john.sayHello();  // 输出: Hello, my name is John

特点：

1. 继承性：类对象可以继承父类的属性和方法，利用类的继承（extends）机制，子类可以复用父类的功能。
2. 原型链：类对象通过原型链（__proto__）继承类的原型方法和属性。每个通过类创建的实例对象都有一个指向类的原型的链。

使用案例：构建和处理表单数据然后将这些数据发送到服务器

//实例化FormData代码
const formData = new FormData();
//使用append方法添加字段和文件数据
formData.append('file', file.raw); // 添加文件数据
formData.append('bucket', 'jdxs'); // 添加其他表单字段


//相关方法

append(name, value)：向 FormData 对象中添加数据，其中 name 是字段名，value 是字段值。对于文件数据，value 通常是文件对象。
delete(name)：删除指定字段。
get(name)：获取指定字段的值。
getAll(name)：获取指定字段的所有值（如果字段有多个值）。
has(name)：检查 FormData 对象是否包含指定字段。
set(name, value)：设置指定字段的值，如果字段已存在则更新值。

2. 普通对象

普通对象是通过字面量或者 Object 构造函数创建的对象，它不需要依赖类进行定义。

创建普通对象：

// 对象字面量
const person = {
  name: 'John',
  age: 30,
  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.sayHello();  // 输出: Hello, my name is John

4. 总结

• 类对象 是通过类的定义和实例化创建的，更适用于复杂的、需要继承和复用的场景。
• 普通对象 更加简洁，适合用于简单的数据结构和轻量级的场景。