JavaScript面向对象的两种书写方法以及差别

JavaScript是一种面向对象的编程语言，在JavaScript中，我们可以使用两种方法来定义对象和类。这两种方法分别是原型(Prototype)和类(Class)。它们有着不同的语法，但都有着相同的功能，即定义和创建对象。

1. 原型(Prototype)方法

原型(Prototype)是JavaScript中的一个重要概念，它给JavaScript提供了一种对象继承的机制。使用原型(Prototype)方法创建对象时，可以先创建一个原型对象，然后将该原型对象作为模板来创建新的对象。在原型(Prototype)对象中定义的属性和方法会被新创建的对象继承。

下面是一个使用原型(Prototype)方法创建对象的示例：

// 定义一个原型(Prototype)对象
var personProto = {
  name: '',
  age: 0,
  greet: function() {
    console.log('Hi, my name is ' + this.name + ' and I am ' + this.age + ' years old.');
  }
};

// 创建一个新的对象，并继承personProto
var person1 = Object.create(personProto);
person1.name = 'Mike';
person1.age = 24;

// 创建另一个对象，并继承personProto
var person2 = Object.create(personProto);
person2.name = 'Emily';
person2.age = 28;

person1.greet(); // 输出 Hi, my name is Mike and I am 24 years old.
person2.greet(); // 输出 Hi, my name is Emily and I am 28 years old.

在上面的示例中，我们首先定义了一个原型(Prototype)对象personProto，它有两个属性name和age，以及一个方法greet。接着，我们使用Object.create()方法来创建两个新的对象person1和person2，并将personProto作为它们的原型。最后，我们为这两个对象分别设置了name和age属性，并调用了它们的greet()方法。

1. 类(Class)方法

ES6开始，JavaScript引入了类(Class)的概念，它是一种定义对象和类的新的语法方式。使用类(Class)方法创建对象时，可以先定义一个类，然后使用该类来创建新的对象。类(Class)中定义的属性和方法会被新创建的对象继承。

下面是一个使用类(Class)方法创建对象的示例：

// 定义一个Person类
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hi, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

// 创建一个新的对象person1
var person1 = new Person('Mike', 24);

// 创建另一个对象person2
var person2 = new Person('Emily', 28);

person1.greet(); // 输出 Hi, my name is Mike and I am 24 years old.
person2.greet(); // 输出 Hi, my name is Emily and I am 28 years old.

在上面的示例中，我们定义了一个Person类，它有一个构造函数constructor和一个方法greet。使用new关键字，我们可以创建新的对象person1和person2，并将Person作为它们的类。最后，我们为这两个对象设置了name和age属性，并调用了它们的greet()方法。

总的来说，原型(Prototype)方法和类(Class)方法都是创建JavaScript对象的有效方式。它们都可以用来定义和创建对象和类，并且都提供了对象继承的功能。但是，它们在语法和功能上有所不同。原型(Prototype)方法更加灵活，适用于大型项目和需要高度自定义的场景；而类(Class)方法更加易读易写，适用于快速开发和小型项目。因此，在选择使用哪种方法时，需要根据具体的需求做出判断和选择。