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

在JS中，我们经常需要创建各种各样的对象，如何更好地创建对象呢？下面让我们来一步步详解几种JS创建对象的方法。

1. 对象字面量

对象字面量是JS最简单的创建对象的方法。

let obj = {
  name: "Tom",
  age: 18,
  sayHi: function() {
    console.log("Hi");
  }
};

上述代码中，通过花括号{}创建了一个对象，对象中包含了name和age两个属性，还包含了一个方法sayHi，方法也可以作为对象的成员。

2. 工厂函数

工厂函数是一种创建对象的函数，该函数返回含有属性和方法的对象。

function createObj(name, age) {
  var obj = new Object();
  obj.name = name;
  obj.age = age;
  obj.sayHi = function() {
    console.log("Hi");
  }
  return obj;
}

let obj = createObj("Tom", 18);

上述代码中，我们在createObj函数中创建了一个新对象obj，向其中添加了name和age两个属性以及sayHi方法，最后返回该obj对象。

3. 构造函数

构造函数和工厂函数类似，但是使用方式不同。

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHi = function() {
    console.log("Hi");
  }
}

let obj = new Person("Tom", 18);

上述代码中，我们使用了构造函数Person创建了一个新的对象obj。createObj函数中的new Object()被替换成了this，当使用new操作符调用构造函数时，将会创建并返回一个新对象，同时将this的值设置为该新对象。因此，在Person函数中对this的属性和方法的赋值会进一步赋值给obj对象。

4. 原型

在JS中，对象会继承其原型对象的属性和方法。

function Person() {}

Person.prototype.name = "Tom";
Person.prototype.age = 18;
Person.prototype.sayHi = function() {
  console.log("Hi");
}

let obj1 = new Person();
let obj2 = new Person();

上述代码中，我们创建了一个Person构造函数，并将其原型对象中添加了name、age和sayHi三个属性和方法。通过new操作符调用构造函数创建了obj1和obj2两个对象，由于在构造函数中没有为其指定name和age属性，因此通过原型继承得到了这两个属性。