js定义类的方法示例【ES5与ES6】

下面是关于“js定义类的方法示例【ES5与ES6】”的完整攻略。

什么是类

在Javascript中，类是一种实现面向对象编程的方式。类定义了一个对象的特征和行为。类是一种模板或者蓝图，可用于创建一个具有相同属性和方法的多个对象。

ES5中定义类

在ES5中，我们使用构造函数来定义一个类。

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

Person.prototype.sayHello = function() {
  console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.');
};

var person1 = new Person('Lucy', 22);
person1.sayHello(); // Hello, my name is Lucy, I am 22 years old.

var person2 = new Person('Tom', 25);
person2.sayHello(); // Hello, my name is Tom, I am 25 years old.

在上面的代码中，我们定义了一个Person构造函数，它有两个参数（name和age），并将它们分别保存在实例属性name和age中。我们还定义了一个sayHello方法，该方法打印一个问候信息。最后，我们创建了两个实例对象person1和person2，并调用了它们的sayHello方法。

ES6中定义类

在ES6中，我们可以使用class关键字来定义类。

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

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

let person1 = new Person('Lucy', 22);
person1.sayHello(); // Hello, my name is Lucy, I am 22 years old.

let person2 = new Person('Tom', 25);
person2.sayHello(); // Hello, my name is Tom, I am 25 years old.

在上面的代码中，我们定义了一个Person类，它有一个构造函数和一个sayHello方法。可以看到，它们的语法与ES5的例子非常相似，唯一的区别是使用了新的语法糖。最后，我们创建了两个实例对象并调用了它们的sayHello方法。

总结

以上是js定义类的方法示例【ES5与ES6】的完整攻略，从ES5和ES6的角度分别介绍了如何定义类。通过本文，你应该对Javascript中类的基本概念及其使用方法有了更深入的了解。