zoukankan      html  css  js  c++  java
  • js原生设计模式——2面向对象编程之js原生的链式调用

    技巧点:对象方法中返回当前对象就可以链式调用了,即方法中写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>

  • 相关阅读:
    Vue常用特性-表单基本操作和表单修饰符
    Tab选项卡
    Vue模板语法
    Vue基本使用
    Vue概述
    Express框架
    模板引擎artTemplate
    MongoDB增删改查操作
    数据库概述及环境搭建
    请求响应原理及HTTP协议
  • 原文地址:https://www.cnblogs.com/koleyang/p/4936563.html
Copyright © 2011-2022 走看看