很早以前我就知道可以把 arguments 轉(zhuǎn)化為數(shù)組：[].slice.call(arguments)，因?yàn)?br /> arguments 是個(gè)類(lèi)數(shù)組對(duì)象，所以才可以這么用。但是我一直不清楚什么叫做類(lèi)數(shù)組對(duì)象( array-like objects)

今天看 Effective JavaScript 就有一節(jié)是專(zhuān)門(mén)講這個(gè)的，感覺(jué)真是太拽了。

先看我寫(xiě)的一些示例代碼：

復(fù)制代碼代碼如下:

a = "hello"

[].map.call(a, (e) -> e.toUpperCase()) # => [ 'H', 'E', 'L', 'L', 'O' ]

[].reduceRight.call(a, (acc, e) -> acc + e) # => 'olleh'

b = {1: "a", 2: "b", 4: "c", length: 6}

[].reduce.call(b, (acc, e) -> acc + e) # => 'abc'

前面那幾個(gè)是操作字符串的，嗯，字符串也可以看成類(lèi)數(shù)組對(duì)象。但是后面那個(gè) b 對(duì)象居然
也是類(lèi)數(shù)組對(duì)象。

看書(shū)上的解釋?zhuān)?/p>

復(fù)制代碼代碼如下:

So what exactly makes an object “array-like”? The basic contract of

an array object amounts to two simple rules.

It has an integer length property in the range 0...2^32 – 1.

The length property is greater than the largest index of the object.

An index is an integer in the range 0...2^32 – 2 whose string representation

is the key of a property of the object.

居然只有這兩條簡(jiǎn)單的規(guī)則。

所以為什么 arguments, 字符串，和上面那個(gè) b 對(duì)象可以看作類(lèi)數(shù)組對(duì)象呢？

它們都有一個(gè)合法的 length 屬性(0 到 2**32 - 1 之間的正整數(shù))。
length 屬性的值大于它們的最大索引(index)。
再舉個(gè)例子：

復(fù)制代碼代碼如下:

b = {1: "a", 2: "b", 4: "c", length: 3}

[].reduce.call(b, (acc, e) -> acc + e) # => 'ab'

嗯，就不對(duì)了，成了'ab' 了，因?yàn)檫`反了規(guī)則2：length 屬性是3,
最大索引值是4要比 length 屬性大了。所以表現(xiàn)的不正常了。

太強(qiáng)大了，好像只是定義了一個(gè)接口，只要符合這個(gè)接口，就可以利用數(shù)組的所有方法。

其實(shí)不是可以利用所有方法，Array.prototype.concat
是不能用的，因?yàn)樗前褍蓚€(gè)數(shù)組連接起來(lái)，你不是數(shù)組肯定是沒(méi)法用它的。

還有一個(gè)小問(wèn)題是，字符串創(chuàng)建以后是不可變的（immutable），所以你怎么折騰它都是不可變的。

但是這本書(shū)根本就沒(méi)有解釋為什么是符合這兩個(gè)條件就可以看成類(lèi)數(shù)組對(duì)象，另外這本書(shū)的作者
是那個(gè)什么 ECMAScript 委員會(huì)的成員，所以基本還是可信的。至于為什么符合這兩個(gè)條件就可以看成是類(lèi)數(shù)組對(duì)象，我也不知道，谷歌搜了半天也沒(méi)看到什么合理的解釋。

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章: