JS创建对象的写法示例

以下是关于JS创建对象的写法示例的完整攻略：

什么是JS对象

JS中的对象指的是一组键值对的集合。它们通过点号或中括号访问。

1.对象字面量创建对象

// 通过字面量的方式创建一个对象
const obj = {
  name: "Lena",
  age: 25,
  gender: "female",
  sayHi: function () {
    console.log("Hi, I am " + this.name);
  },
};

// 访问对象的属性和方法
console.log(obj.name);
console.log(obj.age);
console.log(obj.gender);
obj.sayHi();

2.构造函数创建对象

// 通过构造函数创建一个对象
function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.sayHi = function () {
    console.log("Hi, I am " + this.name);
  };
}

// 通过new关键字实例化对象
const person1 = new Person("Lena", 25, "female");
const person2 = new Person("John", 32, "male");

// 访问实例的属性和方法
console.log(person1.name);
console.log(person1.age);
console.log(person1.gender);
person1.sayHi();

console.log(person2.name);
console.log(person2.age);
console.log(person2.gender);
person2.sayHi();

以上代码中，对象字面量的方式是可以直接创建一个对象。而构造函数是指通过函数创建对象，在实例化对象的时候，通过this关键字赋值，最后通过new 关键字实例化出一个对象。相较于对象字面量，构造函数更加灵活，可以创建多个相似的对象，且每个对象的属性和方法可以根据需求进行定制。