JS中的prototype——阅读js高级程序设计

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

posted @ 2017-05-09 21:37  ZackBee  阅读(188)  评论(0编辑  收藏  举报