admin 什么是prototype？
Prototype翻译过来的意思是“原型”，在JavaScript中它是一个重要的概念。Prototype是一个对象属性，它指向另一个对象，被原型所指向的那个对象就是我们常说的“原型对象”。每个JavaScript对象都有一个内部属性[[Prototype]](原型链)，它指向该对象的原型。如果某个操作无法在该对象上进行，那么JavaScript引擎就会查找该对象的原型对象，以此类推，直到找到目标属性或方法为止。所以，原型对象是JavaScript实现对象继承的重要手段。
原型与实例
在JavaScript创建一个函数时，会同时创建一个原型对象。这个原型对象包含了所有的方法和属性，可以用来实现继承。假设我们定义了一个简单的函数：
function Person() {
this.name = 'Tom';
}
当我们创建对象时，它们就由一个原型对象和一个指向相应原型对象的[[Prototype]]指针构成了。也可以说，对象具有两个指针：一个指向它的构造函数的原型对象，另一个指向它的原型链上的下一个对象，直到这个链末端为止。现在我们创建一个Person对象：
var person = new Person();
在这个例子中，person的[[Prototype]]指针指向Person()构造函数的原型对象。我们可以使用Object.getPrototypeOf()方法来得到对象的原型。它会返回对象的[[Prototype]]指针所指向的原型对象：
console.log(Object.getPrototypeOf(person) === Person.prototype); // true
Person.prototype是一个普通的JavaScript对象，它具有constructor属性，这个属性指向Person()函数，这也是不少人之所以困惑的原因。constructor属性是用来确定对象的构造函数的。在例子中，Person.prototype是我们创建新对象的原型，我们可以为它添加新的属性和方法：
Person.prototype.sayHello = function() {
console.log("Hello " + this.name);
};
或者，重新定义原型对象：
Person.prototype = {
sayHello: function() {
console.log("Hello " + this.name);
}
};
到目前为止，可能你已经明白了什么是prototype和原型链，接下来我们看一个例子，深度理解一下它们的应用。
JS中继承的原理
在JavaScript中，我们可以通过原型链来实现继承。例如：
function Animal(name) {
this.name = name;
this.showName = function() {
console.log(this.name);
}
}
function Cat(name) {
Animal.call(this, name);
}
Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;
var cat = new Cat("Tom");
cat.showName(); //Output "Tom"
console.log(Animal.prototype.constructor); //Output "Animal"
console.log(Cat.prototype.constructor); //Output "Cat"
这个例子中，Animal()是一个构造函数，我们定义了一个名为Cat的子类。我们可以使用Animal.call()方法将Animal类的属性和方法赋给Cat类，这是一种常用的继承方法。接下来，我们将Cat的prototype属性指向一个新的Animal实例, 这里就体现了一句话：“子类的原型指向父类的实例”。稍微解释一下：实例是通过构造函数创建的，原型也是通过构造函数创建的，所以在原型中的所有属性和方法都会出现在所有的实例中。当我们将Cat.prototype设置为Animal的实例时，Cat.prototype就拥有了Animal的所有属性和方法。最后一步，我们将Cat构造函数指向了自身，以确保每个对象都可以找到正确的构造函数。在调用showName()方法时，cat实例中并不存在showName()方法，它首先在cat对象中查找，然后沿原型链查找Animal对象，因此会输出"Tom"。
总结
在JavaScript中，prototype扮演着一个非常重要的角色，它为我们实现对象之间的继承提供了一个优雅的方式。通过将一个实例对象的指针指向一个原型对象，我们就可以在实例里面访问原型对象中的所有属性和方法。JavaScript的原型机制使代码更为简洁并易于维护，掌握它将会使你的开发更加游刃有余。同时，在实际使用中，我们应该注意原型链的链头和链尾，以避免出现一些神奇的问题。