1.惰性载入函数

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <script>

        // 创建了各个浏览器下面可以访问的xhr对象

        function createXHR(){

            var xhr = null;

            try{

                xhr = new XMLHttpRequest();

            }catch(e){

                // handleErr(e);

                try{

                    xhr = new ActiveXObject("Msxml2.XMLHTTP");

                }catch(e){

                    try{

                        xhr = new ActiveXObject("Microsoft.XMLHTTP");

                    }catch(e){

                        xhr =null;

                    }

                }

            }

            return xhr;

        }

        console.log(e);

    //    function handleErr(err){

    //        var errXHR = err;

    //    }

    // 惰性函数

    // 第二次运行时加载

    function createXHR(){

        var xhr = null;

        if(typeof XMLHttpRequest!='undefined'){

            xhr = new XMLHttpRequest();

            createXHR=function(){

                return new XMLHttpRequest();

            }

        }else{

            try{

                xhr = new ActiveXObject('Msxml2.XMLHTTp');

                createXHR = function(){

                    return new ActiveXObject('Msxml2.XMLHTTP');

                }

            }catch(e){

                try{

                    xhr = new ActiveXObject('Microsoft.XMLHTTP');

                    createXHR = function(){

                        return new ActiveXObject('Microsoft.XMLHTTP');

                    }

                }catch(e){

                    createXHR = function(){

                        return null;

                    }

                }

            }

        }

        return xhr;

    }

    </script>

</body>

</html>

2.函数柯里化

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <script>

    //   合并参数 第一个函数的参数合并成整体的 传递给统一的函数

      function add(num1,num2){

          return num1+num2;

      }

      function totalAdd(num3){

          return 50+add(1,2)

      }

      alert(totalAdd(50));

    </script>

    <script>

    function curry(fn){

        var args = Array.prototype.slice.call(arguments,1);

        console.log('args...',args);

        return function(){

            var innerArgs = Array.prototype.slice.call(arguments);

            console.log('innerArgs',innerArgs);

            var finalArgs = args.concat(innerArgs);

         console.log('.finalArgs...',finalArgs);

            return fn.apply(this,finalArgs);

        }

    }

    function add(num1,num2,num3){

        return num1+num2+num3;

    }

    var t = curry(add,50)(1,2);

    alert(t);

    </script>

</body>

</html>

3.级联函数

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <script>

    function classA(){

        this.lian = "";

        this.zui = "";

        this.tui = "";

    }

    // 原型链的constructor指定回来

    classA.prototype = {

        setLian:function(){

            this.lian = "红彤彤";

            return this;

        },

        setZui:function(){

            this.zui = "大嘴";

            return this;

        },

        setTui:function(){

            this.tui = "长腿欧巴"

        }

    };

    var person = new classA();

    // person.setLian();

    // person.setZui();

    // person.setTui();

    // 级联函数，把相关属性的东西全部串起来

    person.setLian().setZui().setTui();

    console.log(person);

    // $('#btn').html().val().attr();

    </script>

</body>

</html>

by上面的例子其实不够经典也不够高级

本文看自前端常用的库和实用技术之JavaScript高级函数

前端常用的库和实用技术之JavaScript高级函数的更多相关文章

  1. 前端常用的库和实用技术之JavaScript多线程

    多线程概念: 多线程是指从软件或硬件上实现多个线程并发执行的技术.具有多线程能力的计算机因有硬件支持而能够在 同一时间执行多于一个线程,进而提升整理处理性能.具有这种能力的系统包括对称多处理机,多核心 ...

  2. 前端常用的库和实用技术之JavaScript面向切面编程

    Aspect Oriented Programming(AOP)面向切面编程是一个比较热门的话题. AOP主要实现的目的是针对业务处理过程中的切面进行提取,它所面对的是处理过程 中的某个步骤或阶段,以 ...

  3. 前端常用的库和实用技术之JavaScript高级技巧

    javascript高级技巧 变量作用域和闭包 <!DOCTYPE html> <html lang="en"> <head> <meta ...

  4. 前端常用的库和实用技术之JavaScript 模块化

    模块化概念 AMD是requirejs在推广过程中对模块化定义的规范化产出. 异步加载模块,依赖前置,提前执行 Define定义模块define(['require','foo'],function( ...

  5. C语言常用的库文件（头文件、函数库）

    C语言常用的库文件(头文件.函数库) C系统提供了丰富的系统文件,称为库文件.C的库文件分为两类,一类是扩展名为".h"的文件,称为头文件,在前面的包含命令中我们已多次使用过.在& ...

  6. javascript高级函数

    高级函数 安全的类型检测 js内置的类型检测并非完全可靠,typeof操作符难以判断某个值是否为函数 instanceof在多个frame的情况下,会出现问题. 例如:var isArray = va ...

  7. JavaScript高级 函数表达式 《JavaScript高级程序设计（第三版）》

    函数表达式的特征 使用函数实现递归 使用闭包定义私有变量 前面我们说到定义函数有两种方式:函数声明.函数表达式. 两者的区别在于函数声明提升,前者在执行之前的上下文环境中直接被赋值,而后者不会. 一. ...

  8. 对于JavaScript的函数.NET开发人员应该知道的11件事

    (此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 昨天小感冒今天重感冒,也不能长篇大论.如果你是.NET开发人员,在进入前端开发领域的时候,对 ...

  9. javascript功能插件大集合 前端常用插件 js常用插件

    转载来源:https://github.com/jobbole/aw... 包管理器管理着 javascript 库,并提供读取和打包它们的工具.•npm – npm 是 javascript 的包管 ...

随机推荐

  1. 拾遗：ssh 公钥连接前的相关准备

    ssh 公钥连接条件: sshd_config 中启用公钥认证 authorized_keys 文件权限必须为 0600 目标用户的 家目录 权限必须为 0700 目标账户必须已设定登陆密码(即处于可 ...

  2. linux 编译指定库、头文件的路径问题（转）

    1. 为什么会出现undefined reference to 'xxxxx'错误? 首先这是链接错误,不是编译错误,也就是说如果只有这个错误,说明你的程序源码本身没有问题,是你用编译器编译时参数用得 ...

  3. Unity Shader后处理-搜索灰度效果

    如U3D中Hierarchy面板下的搜索效果: 讲解分析: 1.这种PostEffect效果其实就是指Unity shader的后处理,即游戏中实现屏幕特效的常见方法.顾名思义屏幕后处理就是指在渲染完 ...

  4. web APP 开发之踩坑手记

    屏蔽输入框怪异的内阴影 -webkit-appearance:none 禁止自动识别电话和邮箱 <meta content="telephone=no" name=" ...

  5. Mysql 查询视图出现The user specified as a definer ('root'@'%') does not exist的问题

    今天服务器Mysql版本在5.7升级到8.0+之后,部分网站(老的)访问视图出现The user specified as a definer ('root'@'%') does not exist问 ...

  6. python 对象的删除

  7. tzselect - 选择一个时区

    总览 tzselect 描述 tzselect 程序向用户询问当前位置的信息,把时区描述作为结果输出到标准输出.此结果适合作为环境变量 TZ 的值. 所有与用户的交互是通过标准输入和标准错误输出完成的 ...

  8. log4cplus TimeBasedRollingFileAppender

    参考自:http://blog.csdn.net/u010607621/article/details/54944696 对于TimeBasedRollingFileAppender 这个日志appe ...

  9. 第一个gulp 项目

    1.  全局安装 npm install --global gulp 2.新建一个project文件夹,并在该目录下执行 npm init 命令: 3.把项目的基本文件夹搭好 4.在项目中局部安装 n ...

  10. win10 快速访问存在 2345Downloads 删除解决方案

    有时候重装新系后统会发有很多自己不喜欢的捆绑程序,比如2345辣鸡浏览器 这个时候很多人会选择卸载,然后把文件夹位置删除 但是删除后会发现有一个地方一直还在那就是现快速访问的位置里面 这个位置由于卸载 ...