JavaScript创建类/对象的几种方式概述及实例

下面是详细讲解“JavaScript创建类/对象的几种方式概述及实例”的攻略：

1. 创建类的几种方式

1.1 构造函数创建

通过构造函数创建类是最常见的方式，它使用函数来定义类，并在实例化时通过关键字 new 来调用该函数。以下是一个示例：

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.showName = function () {
    console.log(this.name);
  }
}

const person1 = new Person('小明', 18);
console.log(person1.name); // 输出：小明
person1.showName();  // 输出：小明

上面的代码通过构造函数 Person 定义了一个 Person 类，当使用 new 运算符来创建新的 Person 实例时，Person 函数会被调用，并创建一个包含 name 和 age 属性的新对象。在此示例中，还通过在 Person 函数中定义 showName 方法来为实例添加一个新方法。

1.2 ES6类创建

ECMAScript 6 (ES6) 引入了一种新的创建类的方法，使用 class 关键字来定义类。以下是一个使用 ES6 创建类的示例：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  showName() {
    console.log(this.name);
  }
}

const person1 = new Person('小明', 18);
console.log(person1.name); // 输出：小明
person1.showName();  // 输出：小明

ES6 的类实际上也是构造函数，但是它们是通过更简单的语法来定义的，而且还支持 extends 关键字来定义类的继承，具有更好的可读性和可维护性。

2. 创建对象的几种方式

2.1 对象字面量

对象字面量是一种直接使用大括号 {} 定义并初始化一个对象的方法。以下是一个使用对象字面量创建并初始化一个对象的示例：

const person1 = {
  name: '小明',
  age: 18,
  showName: function () {
    console.log(this.name);
  }
}

console.log(person1.name); // 输出：小明
person1.showName(); // 输出：小明

在此示例中，我们使用大括号 {} 定义并初始化了一个 person1 对象，并将其赋给了一个变量 person1。showName 方法是在对象内部定义的，通过 this 关键字访问对象的属性。

2.2 工厂函数

工厂函数是一种轻量级的创建和初始化对象的方式，它返回一个包含所需属性和方法的新对象。以下是一个使用工厂函数创建并初始化新对象的示例：

function createPerson(name, age) {
  return {
    name: name,
    age: age,
    showName: function () {
      console.log(this.name);
    }
  }
}

const person1 = createPerson('小明', 18);
console.log(person1.name); // 输出：小明
person1.showName(); // 输出：小明

在此示例中，我们创建了一个名为 createPerson 的工厂函数，它接受两个参数 name 和 age，并返回一个新对象，该对象具有 name 和 age 属性，以及一个名为 showName 的方法。

以上就是 JavaScript 创建类/对象的几种方式概述及实例的攻略，希望对您有所帮助。