JavaScript 对象创建的3种方法

JavaScript对象创建一共有3种方式，它们分别是对象字面量、构造函数和Object.create()方法。

对象字面量

对象字面量是用花括号{}创建一个新对象的方式，使用最为广泛，也是最简单的一种。

示例一：

// 创建一个对象字面量
const person = {
  name: "张三",
  age: 20,
  gender: "男"
};

// 调用对象属性
console.log(person.name); // 输出：张三

在示例一中，我们使用一个花括号创建了一个名为person的对象，对象中有三个属性：姓名、年龄和性别。之后我们可以通过点操作符调用对象属性。

构造函数

JavaScript中，每一个构造函数都是一个类，使用new关键字来实例化它们，从而创建新的对象。

示例二：

// 构造函数创建对象
function Book(title, author, year) {
  this.title = title;
  this.author = author;
  this.year = year;
}

// 实例化对象
const book1 = new Book("JavaScript权威指南", "David Flanagan", 1996);

// 调用对象属性
console.log(book1.title); // 输出：JavaScript权威指南

在示例二中，我们使用了一个构造函数Book，它带有三个参数：书名、作者和年份。在构造函数内部，使用this关键字来给对象实例赋值属性。之后，我们通过new关键字来创建实例对象，然后可以通过点操作符调用对象属性。

Object.create()方法

Object.create()方法可以使用一个现有对象作为新创建对象的原型，这种方式创建的新对象与原型共享一些属性和方法。

示例三：

// 创建原型对象
const personProto = {
  greeting: function() {
    return `你好，我的名字是${this.name}。`;
  }
}

// 创建新对象
const person = Object.create(personProto);
person.name = "王五";

// 调用对象方法
console.log(person.greeting()); // 输出：你好，我的名字是王五。

在示例三中，我们使用Object.create()方法创建对象person，它的原型对象是personProto，并在person对象中定义了一个名为name的属性。由于personProto对象中定义了greeting方法，所以在调用person.greeting()方法时可以输出你好，我的名字是王五。。