前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript中鲜为人知的Arguments

JavaScript中鲜为人知的Arguments

作者头像
挨踢小子部落阁
发布2023-03-16 15:20:23
1490
发布2023-03-16 15:20:23
举报

今天偶有所感,随及写了一个测试数据的生成工具,主要是因为在长期的开发过程中,需要给数据库添加合适的测试数据,供系统运行,在开发过程中,偶遇Arguments,说来惭愧,工作近乎一年,我竟然未曾相识,闲话少扯,撸码。

Arguments:可变长达的实参列表,实参对象(官方解释,来源权威指南P174)。

详解:当调用函数时传入的实参个数大于函数定义中的形参个数时,超过接收范围的实参将无法被形参接收,恰在此时,Arguments便应运而生,挺身而出。

举个栗子:

代码语言:javascript
复制
    function   sum(){
            //公众号关注:挨踢小子
            var sum=0;  
            for(var i=0;i<arguments.length;i++){

                sum+=arguments[i];

            } 
                return sum
        }
     console.log(sum(1,2,3,4));  //10

也就是说,当我们不定义形参时,同样可以调用定义函数,在函数内部通过arguments按顺序调用即可,类似数组。

代码语言:javascript
复制
arguments[0]
arguments[1]
arguments[2]

其参数也可以被设置为:

代码语言:javascript
复制
arguments[1] = 'Aiti';

注意:arguments对象不是一个 Array ,它类似于Array,除了length属性和索引元素之外没有任何Array属性。当然可以将其转化为一个真正的数组。

方法一:

代码语言:javascript
复制
 function fun(){
         //公众号关注:挨踢小子
         var arr =[]; 
         for(var i = 0 ; i<arguments.length;i++){
             arr.push(arguments[i]);
            }
              return arr;
       }
       console.log(fun(1,2,3,4)); 

方法二:

代码语言:javascript
复制
 function fun(){ 
              //公众号关注:挨踢小子
               return [].slice.call(arguments);
            }
         console.log(fun(1,2,3,4)); 

方法三:

代码语言:javascript
复制
function fun(){ 
         //公众号关注:挨踢小子
         return Array.from(arguments);
   }
     console.log(fun(1,2,3,4));               
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-04-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 挨踢小子 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档