Javascript中prototype的使用详解

深入理解JavaScript中的Prototype机制：构建与继承对象的新篇章

在JavaScript中，每一个对象都有一个内置的属性，名为prototype。这个属性指向该对象的原型对象，原型对象包含了该对象共享的属性和方法。对于初学者来说，理解prototype的概念可能有些困难，但一旦掌握，它将为你构建和继承对象提供强大的工具。接下来，我们将深入JavaScript中的prototype机制。

让我们看一个简单的例子：

假设我们有一个Machine对象，它有一个编码（ecode）和马力（horsepower）。我们想为这个对象添加一个显示其基本信息的方法。我们可以这样做：

```javascript

function Machine(ecode, horsepower) {

this.ecode = ecode;

this.horsepower = horsepower;

}

Machine.prototype.showme = function() {

alert(this.name + " " + this.ecode + " " + this.horsepower);

}

```

在这个例子中，我们通过在Machine的原型上添加一个名为showme的方法，使得所有的Machine实例都可以调用这个方法。这样，我们就不必在每个实例上都单独定义这个方法了。这显示了prototype机制的一个主要优势：代码复用。

然后，如果我们想创建一个新的对象类型——Car，它继承了Machine的特性，我们可以这样做：

```javascript

function Car(name, ecode, horsepower) {

this.name = name; // Car特有的属性

Machine.call(this, ecode, horsepower); // 调用父类的构造函数，初始化共有的属性

}

Car.prototype = new Machine(); // 让Car的原型指向Machine的实例，这样Car就可以使用Machine的属性和方法了。

```