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就是给实例提供了一个拥有默认数据的模板,是一个自动产生的对象。