js原生设计模式——2面向对象编程之js原生的链式调用

weixin_33950035

于 2015-11-04 17:06:00 发布

阅读量108

点赞数

文章标签：设计模式 javascript ViewUI

技巧点：对象方法中返回当前对象就可以链式调用了，即方法中写return this;

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>returnObject</title>
   <script type="text/javascript">
   var checkObject = function(){
       return {
           checkName:function(){
               //验证姓名
               console.log('验证姓名');
               return this;//注意链式调用的关键语句是这句:返回this就可以让方法被链式调用了
           },
           checkEmail:function(){
               //验证邮箱
               console.log('验证邮箱');
               return this;
           }
       }
   };
   var a = checkObject();
   a.checkName().checkEmail();
   //本例已经通过验证
   </script>
</head>
<body>

</body>
</html>