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

  • 相关阅读:
    node.js学习二---------------------同步API和异步API的区别
    node.js学习一---------------------模块的导入
    ES6函数的特性(箭头语法)
    10分钟了解Android的Handler机制
    10分钟了解Android的事件分发
    SwipeRefreshLayout,用最少的代码定制最美的上下拉刷新样式
    手把手教你React Native 实战之开山篇《一》
    Android 组件化方案探索与思考
    2018谷歌I/O开发者大会8大看点汇总 新品有哪些
    Glide高级详解—缓存与解码复用
  • 原文地址:https://www.cnblogs.com/onflying/p/3119019.html
Copyright © 2011-2022 走看看