深入理解javascript构造函数和原型对象

当我们使用JavaScript来创建对象时，通常会使用构造函数和原型对象的概念。理解构造函数和原型对象的工作原理非常重要，因为它们是创建JavaScript对象的关键。

构造函数

构造函数是一种特殊的函数，它用来创建新的JavaScript对象。在JavaScript中，构造函数是通过使用new关键字来调用的。当我们创建一个构造函数时，我们同时也定义了该构造函数创建的对象的初始属性，方法和行为。

以下是一个简单的构造函数的例子：

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

var person1 = new Person('Tom', 25, 'male');
var person2 = new Person('Lucy', 23, 'female');

在上面的例子中，我们创建了一个叫做Person的构造函数，并使用new来实例化了两个Person对象：person1和person2。构造函数中的this关键字指代的是当前实例化出来的对象。

原型对象

原型对象是一个JavaScript对象，它包含了所有的JavaScript对象可以继承的属性和方法。当我们创建一个对象时，JavaScript会查找该对象的原型对象来查看它可以继承哪些属性和方法。

在JavaScript中，每一个构造函数都有一个特殊的属性叫做prototype，它指向了该构造函数的原型对象。我们可以利用构造函数的原型对象，给该构造函数创建的对象添加属性和方法。

以下是添加原型方法的一个例子：

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

Person.prototype.sayName = function() {
  console.log('My name is ' + this.name);
};

var person1 = new Person('Tom', 25, 'male');
person1.sayName(); // My name is Tom

在上面的例子中，我们给Person构造函数的原型对象上添加了一个方法叫做sayName。这个方法可以在Person对象实例上被调用。

继承

利用构造函数和原型对象，我们可以很方便地实现继承。继承可以让我们避免在每个对象上重复定义同样的属性和方法。

以下是一个继承的例子：

function Animal(name) {
  this.name = name;
}

Animal.prototype.sleep = function() {
  console.log(this.name + ' is sleeping...');
};

function Cat(name) {
  Animal.call(this, name);
}

Cat.prototype = Object.create(Animal.prototype);
Cat.prototype.constructor = Cat;

Cat.prototype.meow = function() {
  console.log(this.name + ' is meowing...');
};

var cat1 = new Cat('Mew');
cat1.sleep(); // Mew is sleeping...
cat1.meow(); // Mew is meowing...

在上面的例子中，我们定义了一个Animal构造函数和它的原型对象。我们还定义了一个Cat构造函数，它继承了Animal并添加了一个新的方法meow。

我们使用Object.create方法来创建一个新的对象，并将该对象的原型设置为Animal.prototype。我们还将Cat构造函数的原型的构造函数指向了Cat。这样就完成了继承的过程。