JavaScript面向对象之定义成员方法实例分析

在JavaScript中，可以使用面向对象的思想来编写代码，其中定义成员方法是非常常见的操作。本文将详细讲解如何定义成员方法以及如何使用。

什么是成员方法

成员方法是一种在类或对象中定义的函数。它们可以访问类或对象的数据和其他方法，并能够执行特定的操作。

如何定义成员方法

在JavaScript中，可以通过以下两种方式来定义成员方法：

1. 使用对象字面量

使用对象字面量可以方便地定义一个对象，并在其中定义成员方法。示例代码如下：

let obj = {
  name: '张三',
  age: 18,
  sayHi: function() {
    console.log("大家好，我是" + this.name + "，今年" + this.age + "岁。");
  }
};

obj.sayHi(); // 输出：大家好，我是张三，今年18岁。

在上面的示例代码中，我们定义了一个obj对象，其中包含了name和age两个属性，还定义了一个sayHi方法，在方法中使用了this关键字来引用对象本身的name和age属性。在调用obj.sayHi()时，JavaScript会自动将obj对象绑定到this关键字上，并执行sayHi方法。

2. 使用构造函数

使用构造函数可以创建一个可重复使用的对象模板，并在其中定义成员方法。示例代码如下：

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHi = function() {
    console.log("大家好，我是" + this.name + "，今年" + this.age + "岁。");
  }
}

let p1 = new Person("张三", 18);
p1.sayHi(); // 输出：大家好，我是张三，今年18岁。
let p2 = new Person("李四", 20);
p2.sayHi(); // 输出：大家好，我是李四，今年20岁。

在上面的示例代码中，我们定义了一个Person构造函数，其中使用了this关键字来定义name、age和sayHi三个成员。在创建对象时，可以通过new关键字来调用构造函数，并传递需要的参数。在创建p1和p2两个对象后，可以分别调用它们的sayHi方法。

示例说明

下面我们再看下面两个示例，分别使用了对象字面量和构造函数来定义成员方法。

示例一：对象字面量

let cat = {
  name: 'Tom',
  age: 3,
  sayHi: function() {
    console.log("我的名字是" + this.name + "，今年" + this.age + "岁了。");
  }
};

cat.sayHi(); // 输出：我的名字是Tom，今年3岁了。

在上面的示例中，我们定义了一个cat对象，并在其中定义了name、age和sayHi三个成员。在sayHi方法中，我们使用了this关键字来引用对象本身的name和age属性。在调用cat.sayHi()时，JavaScript会自动将cat对象绑定到this关键字上，并执行sayHi方法。

示例二：构造函数

function Car(name, price) {
  this.name = name;
  this.price = price;
  this.showInfo = function() {
    console.log("这是一辆" + this.name + "，售价为" + this.price + "万。");
  }
}

let c1 = new Car("劳斯莱斯", 1000);
c1.showInfo(); // 输出：这是一辆劳斯莱斯，售价为1000万。
let c2 = new Car("宝马", 100);
c2.showInfo(); // 输出：这是一辆宝马，售价为100万。

在上面的示例中，我们定义了一个Car构造函数，其中使用了this关键字来定义name、price和showInfo三个成员。在创建对象时，可以通过new关键字来调用构造函数，并传递需要的参数。在创建c1和c2两个对象后，可以分别调用它们的showInfo方法。