/**

  * 多个参数

  * @param fn

  * @param args

  * @param scope

  */

 function multipleArguments(fn,args,scope){

   if(Object.prototype.toString.call(args)!="[object Array]"){

      if(args!=null&&args!=undefined){

         args = [args];

      }

   }

   return function(){

     //追加args，之后逐次追加参数

     /*

     第1次调用：

     args+第1次调用传入的参数

     第2次调用：

     args+第1次调用传入的参数+第2次调用传入的参数

     第3次调用：

     args+第1次调用传入的参数+第2次调用传入的参数+第3次调用传入的参数

     */

     /*

     for(var i=0;i<arguments.length;i++){

        args.push(arguments[i]);//将参数追加到args中

     }

     fn.call(scope||window,args);

     */

     //只追加传入的args

     /*

     第1次调用：

     args+第1次调用传入的参数

     第2次调用：

     args+第2次调用传入的参数

     第3次调用：

     args+第3次调用传入的参数

     */

     var _args = [].concat(args);

     for (var i = 0; i < arguments.length; i++){

         _args.push(arguments[i]);

     }

     fn.call(scope||window,_args);

   } 

 }

具体使用例子如下：

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

 "http://www.w3.org/TR/html4/strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

     <head>

         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

         <title></title>

         <script type="text/javascript" src="./js/MultipleArguments.js"></script>

         <script type="text/javascript">

            window.onload=initFn;

            /**

             * 初始化函数

             */

            function initFn(){

              console.info('123456~~~');

              var addFn = multipleArguments(add,[1,2]);

              var result = addFn(3,4);

              console.info('result:',result);

              var result1 = addFn(5,6);

              console.info('result1:',result1);

              var result2 = addFn(7,8);

              console.info('result2:',result2);

              var addFn1 = multipleArguments(add,[9,10]);

              var result3 = addFn1(11,12);

              console.info('result3:',result3);

              var result4 = addFn(13,14);

              console.info('result4:',result4);

            }

            /**

             *加法

             */

            function add(){

                 console.info("arguments:",arguments);

                 var result = 0;

                 for(var i=0;i<arguments.length;i++){

                     result+=arguments[i];

                 }

                 return result;

            }

         </script>

     </head>

     <body>

     </body>

 </html>

js多个参数(追加参数)的更多相关文章

  1. javascript序列化表单追加参数

    js序列化表单后追加参数方式: 追加参数:token,status var data = $.param({"token":token, "status":st ...

  2. 【问题】Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数

    [问题]Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数. [解决]直接对变量加引号,如: <button onclick="deleteProduct('@ ...

  3. 从js向Action传中文参数出现乱码问题的解决方法

    Action获取jsp表单中的中文参数,只要整个项目都采用UTF-8编码格式都不会出现乱码问题:但JSP中用到JS,并从JS向Action传中文参数,就会出现中文乱的现象     做项目的时候,发现A ...

  4. js 替换 当前URL 特定参数

    js 替换 当前URL 特定参数 2012-12-24 20:45:53|  分类: JS&JQuery |举报 |字号 订阅   //替换指定传入参数的值,paramName为参数,repl ...

  5. js中settimeout方法加参数

    js中settimeout方法加参数的使用. 简单使用看w3school  里面没有参数调用,  例子: <script type="text/javascript"> ...

  6. js获得url内的参数

    /** * js获得url内的参数 * 返回值: string or undefined * 使用方法:$_GET['from'] */ var $_GET = (function() { var s ...

  7. Js把URL中的参数解析为一个对象

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title&g ...

  8. js 获取url中的参数 修改url 参数 移除url参数

    js 获取url中的参数 修改url 参数 移除url参数 var jsUrlHelper = { getUrlParam : function(url, ref) { var str = " ...

  9. js获取url传递得参数

    方法一:正则法 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(& ...

随机推荐

  1. Spring Boot 注入外部配置到应用内部

    Spring Boot允许你外部化你的配置,这样你就可以在不同的环境中使用相同的应用程序代码,你可以使用properties文件.YAML文件.环境变量和命令行参数来外部化配置,属性值可以通过使用@V ...

  2. 09-cmake语法-add_dependencies()

    在编译器的命令行上,为当前路径以及下层路径的源文件加入一些define flag.这个命令可以用来引入任何flag,但是它的原意是用来引入预处理器的定义.那些以-D或/D开头的.看起来像预处理器定义的 ...

  3. 【oracle】drop，truncate，delete用法

    drop: drop table 表名:删表 truncate: truncate table 表名:清空数据 delete: delete table 表名 [where 条件]:删某数据 日志:d ...

  4. struts2学习2

    拦截器 //拦截器:第一种创建方式 //拦截器生命周期:随项目的启动而创建,随项目关闭而销毁 public class MyInterceptor implements Interceptor { @ ...

  5. Native Clojure with GraalVM

    转自:https://www.innoq.com/en/blog/native-clojure-and-graalvm/ GraalVM is a fascinating piece of techn ...

  6. redhat quay 安装试用

    最近redhat 开源了quay 容器镜像管理平台,参考官方文档跑的时候需要订阅,各种不好使,然后就自己基于源码构建了 一个镜像(使用官方的dockerfile,构建出来的太大了1.9G 以及push ...

  7. django -- 实现ORM登录

    前戏 上篇文章写了一个简单的登录页面,那我们可不可以实现一个简单的登录功能呢?如果登录成功,给返回一个页面,失败给出错误的提示呢? 在之前学HTML的时候,我们知道,网页在往服务器提交数据的时候,都是 ...

  8. 开发中常用linux命令

    1.创建目录mkdir 创建目录命令,常用的参数-p,递归创建目录 [root@web01 ~]# mkdir /data [root@web01 ~]# mkdir /data/a/b mkdir: ...

  9. UDF——输出每个单元的面法向量以及对应面上的节点

    测试文件及源码下载链接: https://pan.baidu.com/s/1K-mD7-_ZkHUl21C2w3o-Bw 提取码: a7n2

  10. [技术博客] JS正则活学活用

    正则基本语法 正则表达式(Regular Expression)是用单字符串来匹配一系列复合条件字符串的模式,对于乔姆斯基3型语法. 数学定义: 串行AB表示集合 {αβ | α ∈ A ,β ∈ B ...