JavaScript对象添加成员函数的比较：constructor vs. prototype

2023-11-04 23:24:06

前言

在JavaScript中，对象是表示现实世界实体的数据结构。它们由键值对组成，其中键是属性名称，值是属性值。对象可以具有方法，方法是对象可以执行的操作。

使用constructor添加成员函数

constructor方法是在创建对象时调用的特殊方法。它用于初始化对象并为其添加成员函数。

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

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

const person = new Person('John Doe', 30);
person.greet(); // Hello, my name is John Doe and I am 30 years old.

在上面的示例中，我们使用constructor方法创建了一个名为Person的类。Person类有两个属性：name和age。它还具有一个名为greet的方法，该方法将打印一条消息。

当我们创建一个新的Person对象时，constructor方法将被调用。constructor方法将把name和age参数的值赋给对象的name和age属性。它还将为对象添加一个greet方法。

使用prototype添加成员函数

prototype属性是一个指向对象的原型对象的引用。原型对象是所有对象的父对象。它包含所有对象共享的属性和方法。

我们可以使用prototype属性为对象添加成员函数。

function Person() {}

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person = new Person();
person.name = 'John Doe';
person.age = 30;
person.greet(); // Hello, my name is John Doe and I am 30 years old.