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的意思了。

posted on 2013-06-05 15:37  摩帆士  阅读(227)  评论(0编辑  收藏  举报