javascript中的对象创建 实例附注释

JavaScript中的对象创建分为三种方式：字面量形式、构造函数形式和Object.create()形式，下面分别进行详细讲解。

字面量形式

字面量形式创建对象最常用的方式，它基于JavaScript中对象是一组无序的键值对的集合。下面是一个通过字面量形式创建对象的示例：

// 创建一个空对象
var person = {};

// 给对象添加属性和方法
person.name = "张三";
person.sayHello = function() {
  console.log("你好，我是" + this.name);
};

在上述例子中，我们首先创建了一个空对象，然后使用点运算符（.）来设置对象的属性和方法。通过字面量形式创建对象的好处在于，它是非常简单且方便的方式，但缺点是必须逐个设置属性和方法，不然无法组成一个完整的对象。

构造函数形式

构造函数形式创建对象是一种常用的方式，它通过定义构造函数来创建多个对象。下面是一个通过构造函数形式创建对象的示例：

// 定义一个构造函数
function Person(name, age, gender) {
  // 定义属性
  this.name = name;
  this.age = age;
  this.gender = gender;

  // 定义方法
  this.sayHello = function() {
    console.log("你好，我是" + this.name);
  };
}

// 创建对象
var person1 = new Person("张三", 20, "男");
var person2 = new Person("李四", 22, "女");

在上述例子中，我们首先定义了一个构造函数Person，它接收三个参数name、age和gender，分别表示姓名、年龄和性别。然后，在构造函数中定义了对象的属性和方法，通过this关键字将属性和方法绑定到实例对象上。最后，我们通过new运算符创建了两个实例对象person1和person2。

Object.create()形式

Object.create()形式是一种相对较新的创建对象的方式，它使用现有的对象作为新对象的原型。下面是一个通过Object.create()形式创建对象的示例：

// 创建一个原型对象
var personProto = {
  sayHello: function() {
    console.log("你好，我是" + this.name);
  }
};

// 创建对象
var person1 = Object.create(personProto);
person1.name = "张三";
person1.age = 20;

var person2 = Object.create(personProto);
person2.name = "李四";
person2.age = 22;

在上述例子中，我们首先创建了一个原型对象personProto，它定义了一个方法sayHello。然后，我们通过Object.create()方法创建了两个实例对象person1和person2，通过设置对象的属性来给实例对象赋值。

通过以上三种方式创建对象，不同的应用场景选择不同的方式，根据需求选择最适合的方式来创建对象。