详解 Array.prototype.slice.call(arguments)

时间:2023-01-05 08:09:55

首先,slice有两个用法,一个是String.slice,一个是Array.slice,第一个返回的是字符串,第二个返回的是数组

在这里我们看第二个方法

1.在JS里Array是一个类 slice是此类里的一个方法
  那么使用此方法应该Array.prototype.slice这么去用
  slice从字面上的意思很容易理解就是截取(当然你不是英肓的话)
  这方法如何使用呢?
  arrayObj.slice(start, [end]) 很显然是截取数组的一部分

2.我们再看call
  call([thisObj[,arg1[arg2[[argN]]]]])
  thisObj是一个对象的方法
  arrg1~argN是参数
  那么Array.prototype.slice.call(arguments,1);这句话的意思就是说把调用方法的参数截取出来。
  如:
   function test(a,b,c,d)
   {
      var arg = Array.prototype.slice.call(arguments,1);
      alert(arg);
   }
   test("a","b","c","d");
   结果是:
  详解 Array.prototype.slice.call(arguments)
  这样应该能理解了吧。
3. 然后我再看apply
   apply([thisObj[,argArray]])
   thisObj:
               可选项 将被用作当前对象的对象。
   argArray
              可选项 将被传递给该函数的参数数组。
4. 来一个实例重写setTimeout 我们知道Timeout不能传参数。(这个可真是不好)

  }

  window.setTimeout(test,1000,'fason',window,123,[5,6,7],new   Object());

5、实际参数在函数中我们可以使用 arguments 对象获得 (注:形参可通过 arguments.callee 获得),虽然 arguments 对象与数组形似,但仍不是真正意义上的数组。

  我们可以通过数组的 slice 方法将 arguments 对象转换成真正的数组。

  方法一var args = Array.prototype.slice.call(arguments);

  方法二:var args = [].slice.call(arguments, 0);

  方法三:

  var args = [];
  for (var i = 1; i < arguments.length; i++) {
    args.push(arguments[i]);
  }

  注:一般的函数的 arguments.length 都在 10 以内,方法二有优势; 方法二的代码量上也比第一种少,至少可以减小一点字节

  下面附一个例子:

  function revse(){
    var args = Array.prototype.slice.call(arguments);
    newarr=[];
    for(var i=args.length-1;i>=0;i--){
      newarr.push(args[i]);
    }
     return args;
  }
  var s=revse('a','b','c');
  console.log(s);

最后,附个转成数组的通用函数

var toArray = function(s){
    try{
        return Array.prototype.slice.call(s);
    } catch(e){
            var arr = [];
            for(var i = 0,len = s.length; i < len; i++){
                //arr.push(s[i]);
                   arr[i] = s[i];  //据说这样比push快
            }
             return arr;
    }
}

详解 Array.prototype.slice.call(arguments)的更多相关文章

  1. Array&period;prototype&period;slice&period;call&lpar;arguments&rpar;

    Array.prototype.slice.call(arguments)能够将具有length属性的对象转化为数组, 可以理解为将arguments转化成一个数组对象,让它具有slice方法 如: ...

  2. Array&period;prototype&period;slice&period;call&lpar;arguments&rpar; 类数组转成真正的数组

    Array.prototype.slice.call(arguments)   我们知道,Array.prototype.slice.call(arguments)能将具有length属性的对象转成数 ...

  3. 转对象&lpar;含length属性&rpar;成数组Array&period;prototype&period;slice&period;call&lpar;arguments&rpar;

    我们知道,Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组,除了IE下的节点集合(因为ie下的dom对象是以com对象的形式实现的,js ...

  4. js基础进阶--关于Array&period;prototype&period;slice&period;call&lpar;arguments&rpar; 的思考

    欢迎访问我的个人博客:http://www.xiaolongwu.cn Array.prototype.slice.call(arguments)的作用为:强制转化arguments为数组格式,一般出 ...

  5. 理解Array&period;prototype&period;slice&period;call&lpar;arguments&rpar;

    在很多时候经常看到Array.prototype.slice.call()方法,比如Array.prototype.slice.call(arguments),下面讲一下其原理: 1.基本讲解 1.在 ...

  6. Array&period;prototype&period;push&period;apply&lpar;a&comma;b&rpar;和Array&period;prototype&period;slice&period;call&lpar;arguments&rpar;

    Array.prototype.push.apply(a,b) 时常看到在操作数组的时候有这样的写法: var a = [1,2,3]; var b = [4,5,6]; a.push.apply(a ...

  7. &lbrack;转&rsqb; 理解 JavaScript 中的 Array&period;prototype&period;slice&period;apply&lpar;arguments&rpar;

    假如你是一个 JavaScript 开发者,你可能见到过 Array.prototype.slice.apply(arguments) 这样的用法,然后你会问,这么写是什么意思呢? 这个语法其实不难理 ...

  8. javascript&colon;Array&period;prototype&period;slice&period;call&lpar;arguments&rpar;

    我们知道,Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组,除了IE下的节点集合(因为ie下的dom对象是以com对象的形式实现的,js ...

  9. &lbrack;转载&rsqb;Array&period;prototype&period;slice&period;call&lpar;arguments&comma;1&rpar;原理

    Array.prototype.slice.call(arguments,1)该语句涉及两个知识点. arguments是一个关键字,代表当前参数,在javascript中虽然arguments表面上 ...

随机推荐

  1. Lind&period;DDD&period;Aspects通过Plugins实现方法的动态拦截~Lind里的AOP

    回到目录 .Net MVC之所以发展的如些之好,一个很重要原因就是它公开了一组AOP的过滤器,即使用这些过滤器可以方便的拦截controller里的action,并注入我们自己的代码逻辑,向全局的异常 ...

  2. mysql 索引- 笔记

    索引 mysql最常用的索引结构是btree(O(log(n))),但是总有一些情况下我们为了更好的性能希望能使用别的类型的索引.hash就是其中一种选择,例如我们在通过用户名检索用户id的时候,他们 ...

  3. VSS 访问问题

    局域网同一网段的2台电脑,防火墙都是关闭的 A能ping通B 但A在运行输入B的IP地址 不能访问 求解答 1.确认输入的地址格式没有写错,例如B的IP地址为:192.168.1.20.那么在A电脑的 ...

  4. 【iOS】文件下载小记

    下载文件到NSURLConnection与NSURLSession两种,一种有恨悠久的历史了. 使用相对麻烦,后者是新出来的,添加了一些额外的功能. 一.NSURLConnection实现下载 TIP ...

  5. 字典(Tire树)

    4189 字典  时间限制: 1 s  空间限制: 256000 KB  题目等级 : 大师 Master     题目描述 Description 最经,skyzhong得到了一本好厉害的字典,这个 ...

  6. Spring事务隔离级别

    REQUIRED:业务方法需要在一个容器里运行.如果方法运行时,已经处在一个事务中,那么加入到这个事务,否则自己新建一个新的事务. NOT_SUPPORTED:声明方法不需要事务.如果方法没有关联到一 ...

  7. ACM-ICPC 2018 南京赛区网络预赛 G Lpl and Energy-saving Lamps(线段树)

    题目链接:https://nanti.jisuanke.com/t/30996 中文题目: 在喝茶的过程中,公主,除其他外,问为什么这样一个善良可爱的龙在城堡里被监禁Lpl?龙神秘地笑了笑,回答说这是 ...

  8. Building Microservices with Spring Boot and Apache Thrift&period; Part 2&period; Swifty services

    http://bsideup.blogspot.com/2015/04/spring-boot-thrift-part2.html     In previous article I showed y ...

  9. BizTalk 新增&sol;修改&sol;删除 XmlDocument 名字空间的高效方法

    新增一个名字空间 public class AddXmlNamespaceStream : XmlTranslatorStream { private String namespace_; priva ...

  10. App架构师实践指南五之性能优化二

    App架构师实践指南五之性能优化二 2018年07月30日 13:08:44 nicolelili1 阅读数:214   从UI和CPU方面来说App流畅体验优化,核心为流畅度/卡顿性能优化. 1.基 ...