js多个参数(追加参数)

 /**

  * 多个参数

  * @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多个参数(追加参数)

最新文章

热门文章