详解js创建对象的几种方式和对象方法

详解JS创建对象的几种方式

在JS中，创建对象的方式有多种，我们将分别介绍它们的特点和使用情况。

对象字面量

对象字面量是最常用的创建对象的方式，它使用花括号{}包裹，其中包含多个键值对，每个键值对之间使用逗号分隔。

const person = {
  name: 'Jack',
  age: 20,
  sayHi: function(){
    console.log(`Hi, my name is ${this.name}, I am ${this.age} years old.`);
  }
}

对象字面量的优点是简单易用，可以直接在代码中定义和使用，使用灵活。

工厂函数

工厂函数是一种返回对象的函数，我们可以在函数中定义对象初始值，并根据传入参数的不同，返回不同的对象实例。

function createPerson(name, age){
  return {
    name,
    age,
    sayHi: function(){
      console.log(`Hi, my name is ${this.name}, I am ${this.age} years old.`);
    }
  }
}

const person1 = createPerson('Jack', 20);
const person2 = createPerson('Rose', 18);

工厂函数的优点是可以根据参数的不同返回不同的对象实例，而且实现起来比较简单。

构造函数

构造函数是一种特殊的函数，可以使用new关键字实例化一个对象。它跟工厂函数一样，也是动态创建对象的方式。

function Person(name, age){
  this.name = name;
  this.age = age;
  this.sayHi = function(){
    console.log(`Hi, my name is ${this.name}, I am ${this.age} years old.`);
  }
}

const person1 = new Person('Jack', 20);
const person2 = new Person('Rose', 18);

构造函数的优点是可以使用new关键字直接实例化对象，而且可以通过原型链实现共享属性和方法，提升效率。

示例说明

示例一：使用对象字面量创建学生对象

const student = {
  name: 'Tom',
  age: 18,
  gender: 'male',
  hobbies: ['SWIMMING', 'READING'],
  sayHello: function(){
    console.log(`Hello, my name is ${this.name}.`);
  }
}

这里我们使用了对象字面量的方式创建了一个学生对象，对象中包含学生的姓名、年龄、性别、爱好等属性。还定义了一个sayHello方法，用于输出学生的名字。

示例二：使用构造函数创建汽车对象

function Car(brand, price){
  this.brand = brand;
  this.price = price;
}

Car.prototype.start = function(){
  console.log(`${this.brand} starts.`);
}

Car.prototype.stop = function(){
  console.log(`${this.brand} stops.`);
}

const car1 = new Car('BMW', 500000);
const car2 = new Car('Benz', 600000);

这里我们使用构造函数的方式创建了一个汽车对象，对象中包含汽车的品牌和价格。同时利用原型链，给车对象添加了启动和停止的方法。