js关于propotype的一些事-------Day62

最近在忙着搬家，忙忙活活的收拾这收拾那，原以为自己东西了了，谁知道东西是越收拾越多，各种崩溃啊.....

昨日在记录js动态生成表格的经典方式时，用到了createDocumentFragment()，还感觉自己又学到了新东西，结果回头看过去记录的时候，惊奇的发现自己原来在很早的时候就记录过一次了，好悲哀，仿佛又回到了那个“好脑子不如烂笔头”的年代，看来烂笔头也还得要多翻看啊。

在这个应用中还用到了一个经典的“propotype”，这里来记录下：

1、propotype的概念

在w3cshool中，这样来解释的：propotype属性使你有能力向对象添加属性和方法。

还有一些介绍这样来描述：现在有一个类A，我想要创建一个类B，这个类是以A为原型的，并且能进行扩展，则我们称B的原型为A；

在了解一些相关知识后，我们回过头来看w3cshool中的解释，确然是言简意赅，合适至极，虽然在初始的时候让我纠结了半天；

2、propotype的定义

在进行这个问题的时候先来记录下javascript的方法类型：

a、类方法

function createTable(){
 this.tableRowNum=10;
 this.show=function(){
     alert(1);
 };
};

b、对象方法

createTable.introduce=function(){
alert("这是个表格");
};

c、原型方法

createTable.propotype.introduce=function(){
alert("这又是一个表格");
}

我们再来回忆一个对象的定义在java中一般是如何定义的，定义其属性和方法，createTable是一个对象，它有它的方法，而createTable.propotype可以看做为一个对象的话，则就是它的属性，而原型就是对它属性的方法，而通过改变它的属性同样可以改变原始对象，这是显而易见的。

这样应该能够能简单的理解下原型方法是如何定义了吧。

3、propotype的应用

a、给propotype添加属性

这个相比较来说比较简单，像：

function book（）{
this.bookPage=10;
}
book.propotype.add=function{
this.bookName="加油";
}

b、用propotype给对象添加函数

这个在生成表格中就应用到了，像添加行和列；其实对对象属性添加的方法，仍然是对原对象进行添加

4、个人的一些总结（可能会有偏颇，希望可以给指正）

通过应用中我们可以得出，我们对于对象原型的定义，实际上就是对原对象添加了一个给定名称的属性或者方法，而我们之所以把它单独拿出来，是避免重复生成相同的内容，效率上的问题，再有就是可能多个对象拥有共同的属性，这让我们想起了继承的定义，父类的存在不就是为此存在的么，但是有人给出了一个更好的称呼：克隆，它毕竟还不是继承，因为A的原型为B的同时，B的原型还可以同时是A，这在继承中是不存在的，所以被称作克隆

5、小细节

当方法中存在某一属性，而其原型方法中也存在此属性时，原对象的方法的优先级是要高于原型方法的。

稀稀拉拉写了不少，但是还感觉有些乱，感觉上隐约有些似懂非懂，用语言把它描绘清楚了有些难度当前来看，但这却是是当前的理解，希望随着经验的增加，理解不断加深吧....

js关于propotype的一些事-------Day62,布布扣,bubuko.com

js关于propotype的一些事-------Day62

原文：http://blog.csdn.net/marsmile_tbo/article/details/37612971