"小白，昨天写的那个Man类还在不？"

小白：“在呢！您看一下。”

老朱看完代码以后，把代码调整了一下，跟小白说道：“我把代码改了一下，现在添加了另一个实例laozhu”

“一般我们在做页面功能的时候，类基本都是从一个外部js地址加载进来，这个js文件里面可能包含了很多常用的类，我们是不能随便改它们的，因为还有其他的开发人员在引入这些js文件。但是有时我们又希望给这个类添加一个通用的方法，这该怎么办呢？”

小白想了想说道：“通过点语法直接给Man增加方法不就可以了么？我试试啊，稍等～”

过了一会小白郁闷的跟老朱说：“报错了，居然不能通过点语法添加方法了，好奇怪啊！前两天我们不是还在给对象通过点语法动态添加属性和方法了么？”

老朱：“小白，之前我们添加属性和方法的对象都可以看作是一个个实例（在这里你同样可以给xiaobai和laozhu两个实例动态添加），现在我们是给类添加方法，在这里就不适用了。”

老朱接着说道：“给类添加方法我们需要用到原型属性（prototype），你在刚刚Man添加方法的后面再多加一个prototype看看”

小白高兴的说道：“果然好了！这样所有Man的实例就都可以使用新增加的towhere方法了。哦！对了，既然prototype是原型，我在其中一个实例上通过prototype添加方法，其他实例是不是也同时能使用？我去试试。”

片刻之后，小白道：“唉～失败了，看来在实例上不能直接用prototype，直接报错了！”

老朱：“实例是通过new关键字创建的所以不能通过prototype添加，如果随便在实例上添加原型方法，非乱套不可！”

小白：“恩，有道理，那javascript实例上不能添加prototype方法，常用的比如Array、String这些类上面可以动态添加吧！”

老朱：“当然可以了，你新建一个html页面，然后把前几天我们做的顶部弹信息的控件（小白成长之路35里面讲到通过jQuery做的这个控件）引入进来，我们做个文本框提示的小功能。”

“我们给String添加一个判断自己长度是否大于10的方法，如果大于10就在顶部提示一个信息！通过js的prototype添加tip10方法后，只要我们在页面中引入这段代码，页面中所有的String对象就都可以使用这个方法了。比如页面中有一个文本框，我们需要在用户输完以后判断输入的字符串是否超过10，就可以用下面这个方法实现”

小白：“刚刚不是给String添加的tip10方法么？为啥这里是在val()上面调用的？”

老朱：“val()的返回值不就是字符串类型么？只要是字符串类型就可以使用。你看看效果”

老朱接着说道：“给String添加的原型方法我们只是当作一个知识点来学习，它的内部使用我们自定义控件Layer是一个隐患，小白你想想这里存在哪些隐患，我们应该怎样避免！”

想学H5的朋友可以关注老炉，您的关注是我持续更新《小白HTML5成长之路》的动力！