JS中的prototype——阅读js高级程序设计-CSDN博客

　1.prototype的产生

　　prototype属性在function定义时会自动生成，它是function的自带属性，是一个对象（中文叫原型）

　2.prototype的意义

　　prototype用谷歌翻译，就是

原型		prototype, archetype, antetype
	样机		prototype
	样板		model, prototype, sample plate, templet
	榜样		example, model, pattern, exemplar, sample, prototype

简单通俗的理解就是——模板，真正意义上的模板。比如下面这个例子：

function Parent(){
}
Parent.prototype.name = "zackbee";
var instance = new Parent();

　　instance就能够访问到name（不是自身的，是原型prototype对象定义的）

在Parent进行定义完成后，它就重新定义prototype属性（指向一个对象）【1】，而instance内部，有一个可以直达【2】创建instance时的Parent的prototype的通道（这么说有点绕，但是很重要）【3】。

对于【1】的理解，看下面一段代码

"use strict";
var p = console.log;

function Parent(){
    Parent.prototype = "xiaming";
}

Parent.prototype.sayHi = function(){
    p("shazi, wo shi"+this.name);
};

var instance = new Parent();
p(instance.name);//undefined
instance.sayHi();//shazi, wo shiundefined

【1】中的重新定义就好理解了。

对于【2】的理解，看下面一段代码

function Parent(){
}
Parent.prototype.name = "zackbee";
var instance = new Parent();

没错，和最开始的代码一样，关于instance的数据的访问机制我就不细说了，通俗易懂。

对于【3】的理解，请看下面代码

"use strict";
var p = console.log;

function Parent(){
}
Parent.prototype.name = "xiaoming";
var instance = new Parent();
Parent.prototype = {
    name:"xiaohong"
};
p(instance.name);//xiaoming

机制的你应该知道【3】的意思了。

prototype属性自动生成时是一个引用类型，把它指向另外的对象会使其改变指向。关于引用类型的赋值问题可以参看我的另一篇随笔JS中关于变量引用类型的理解

　3.其他

　　instanceof操作是通过prototype原型链来进行判断是否是实例的

总的来说，prototype就是给实例提供了一个拥有默认数据的模板，是一个自动产生的对象。

转载于:https://www.cnblogs.com/ZackBee/p/6822547.html