zoukankan      html  css  js  c++  java
  • Array.prototype.slice.call

    在研究某个框架源码的时候,看到的。
    查了下资料,
    1.两个部分,一个是String.slice()
    slice( ) returns a string containing a slice, or substring, of string. It does not modify string。
    slice()返回一个子片段,对原先的string没有影响,还可以用负数当参数。
    Example:

    1. //from javascript-the definitive Guide 5th Edition  
    2. var s = "abcdefg";  
    3. s.slice(0,4)    // Returns "abcd"  
    4. s.slice(2,4)    // Returns "cd"  
    5. s.slice(4)      // Returns "efg"  
    6. s.slice(3,-1)   // Returns "def"  
    7. s.slice(3,-2)   // Returns "de"  
    8. s.slice(-3,-1)  // Should return "ef"; returns "abcdef" in IE 4  

    2.Array.slice(start,end)

    slice( ) returns a slice, or subarray, of array. The returned array contains the element specified by start and all subsequent elements up to, but not including, the element specified by end. If end is not specified, the returned array contains all elements from the start to the end of array.
    返回从start开始到end的子数组,如果end这个参数没有被设置,则返回从start开始到最后的数组元素。
    Example:

    1. var a = [1,2,3,4,5];  
    2. a.slice(0,3);    // Returns [1,2,3]  
    3. a.slice(3);      // Returns [4,5]  
    4. a.slice(1,-1);   // Returns [2,3,4]  
    5. a.slice(-3,-2);  // Returns [3]; buggy in IE 4: returns [1,2,3]  

    除了正常用法,slice 经常用来将 array-like 对象转换为 true array。在一些框架中会经常有这种用法。

    1. Array.prototype.slice.call(arguments,0);//将参数转换成真正的数组  

    call的作用是改变this的指向,就相当于arguments调用了,slice这个方法。0就是start=0,end没指定,所以返回整个arguments,这个时候就转换成数组了。
    这里有一个问题,

    1. arguments.slice(0)//为什么不直接这样呢,非要用call改下this的指向就可以了?见下文的分析  

    ==================华丽丽地分割线==============
    玉伯的分析

    http://lifesinger.org/blog/2010/05/array-prototype-slice/

    读后感: 能用slice方法的,只要有length属性就行。虽然arguments有length属性,但是没有slice方法,所以呢,Array.prototype.slice()执行的时候,Array.prototype已经被call改成arguments了,因为满足slice执行的条件(有length属性),所以没有报错。感觉有点hack的意思了。

  • 相关阅读:
    21. 斐波那契数列
    22. 旋转数组的最小数字
    php图像处理链接
    FileOprSer.class.php(文件上传与下载类)
    SqlHelper.class.php+分页类方法
    file写入方式 和copy
    file 读取方式
    pytest+allure+jenkins 持续集成平台生成allure报告
    memcached cas操作
    php-fpm
  • 原文地址:https://www.cnblogs.com/onflying/p/3119019.html
Copyright © 2011-2022 走看看