004 ※ 函数#老祖宗大显神威 |【附prototype.js源码包】
关于为什么要学习JavaScript设计模式，请看：传送门上一讲最后小不二基于prototype重写了方法，但是发现调用很麻烦。
代码：
var a = new checkObject();
a.checkName();
a.checkPassword();
a.checkEmail();
玄武问他有什么办法优化，看到小不二面露难色，玄武说道。
“当然是可以避免的阿，就要在你声明的每一个方法末尾处将当前对象返回。在JS中this指向的就是当前对象，对不对？”
“是的”
“既然指向当前对象，那么我就可以将它返回，只需在每个方法里添加一个return”
代码：
varcheckObject = function(){
checkObject.prototype = {
checkName : function(){
return this
},
checkPassword : function(){
return this
},
checkEmail : function(){
return this
}
}
}
"这样的话，当我们使用时就可以这么写了"
代码：
a.checkName().checkEmail().checkPassword();
“嗯嗯，好厉害的写法”
看到小不二激动好学的神情，玄武觉得小不二未来一定是一名得力干将，决定多教他点东西。
“小不二你用过prototype.js插件吗？”
源码包：
“嗯，听说过，具体还没使用过，但我看咱们之前的项目中有用到。”
“是的，这个框架很好用，它封装了很多JS原生对象的拓展，假如我们想给每一个函数都添加你写的检测密码方法，只需这么写”
代码：
Function.prototype.checkPassword = function(){}
“这样别人使用这个方法的时候就很方便了，如果你习惯函数形式，还可以这么写”
代码：
var f = new Function();
f.checkPassword();
“嗯，第二种写法好简洁啊，但是这样会污染Function吧？”
“没错，所以还可以抽象出一个统一添加方法的功能方法”
代码：
Function.prototype.addMethod = function(passWord,fn){
this(passWord) = fn;
}
“这样后续别人添加密码验证，就可以这么写”
代码：
var methods = new Function();
methods.addMethod('checkPassword',function(){
});
methods.checkPassword();
“哇塞，这个框架好厉害，不过看起来有一点非常规，当我想链式添加多个方法，是不是在addMethod中将this返回呢？”
就像这样：
Function.prototype.addMethod = function(passWord,fn){
this(passWord) = fn;
return this;
}
“当然，可以这么写啦，JS是一种极其灵活的语言，你以后在咱们团队还有很多要学的哦～”
“请老大，放心，我会努力学习的”
...
预知后事如何，请看下回分解{:10_303:}
课后作业
1、一开始的对话中，玄武是如何实现链式调用的，请写出代码。
2、自行下载，prototype.js框架，尝试调用玩一玩。
答案：
**** Hidden Message *****
如果有收获，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
这位鱼油，如果喜欢JS-设计模式，请订阅 专辑☞（传送门）（不喜欢更要订阅{:10_297:} ）
http://xxx.fishc.com/forum/201803/21/151715umqz1qoywp11wjbq.gif 1 return this 1 {:10_243:}{:10_243:}{:10_243:}
页:
[1]