zoukankan      html  css  js  c++  java
  • JavaScript 中 Array.prototype.slice.call(arr, 2) 这样的写法用意是什么?

    看了很多 JavaScript 的源代码,发现很多类似这样的写法

    Array.prototype.slice.call(arr, 2)

    比较不解的是,既然 arr 是数组,为什么不直接这样写呢

    arr.slice(2)

    为什么实例对象本身已经有这个方法,为什么不直接调用,而采用这样的写法?有什么特殊用意吗

    主要原因是为了防止有些对象没有slice方法

    举个例子:

    在javascript里有一种array-like的对象,就是和Array很像,比如拥有push,slice等方法,拥有length属性,而且你可以很容易的创建一个这样的对象:

    var foo = {0:'hello',1:'world',length:2,slice:Array.prototype.slice}

    转变成一个数组对象:

    console.log(Array.prototype.slice.call(foo,0));
        //["hello", "world"]
        console.log(foo.slice())
        //["hello", "world"]

    这里是因为这个像数组的对象拥有这个slice方法,如果没有呢?就不能直接使用,要使用原型的方法调用了。如下:

    console.log(Array.prototype.splice.call(foo,0));
        //["hello", "world"]
        console.log(foo.splice())
        //TypeError: Object #<Object> has no method 'splice'

    常用的arguments对象, document.links, document.forms等都是非常像数组(Array)的,可以使用Array.prototype.slice.call将其转换成数组操作。

    再结合参考这个例子:http://segmentfault.com/q/1010000000774633

  • 相关阅读:
    广域网详解
    无线AP和无线路由器区别
    TRUNK的作用功能.什么是TRUNK
    name after, name for, name as
    让你的情商爆棚吧!
    综合布线系统之7个子系统构成
    网桥和交换机的工作原理及区别
    边界网关协议BGP
    OSPF协议详解
    路由信息协议(RIP)的防环机制
  • 原文地址:https://www.cnblogs.com/allenda/p/4284738.html
Copyright © 2011-2022 走看看