很早以前我就知道可以把 arguments 轉(zhuǎn)化為數(shù)組:[].slice.call(arguments),因?yàn)?/p>
arguments 是個(gè)類(lèi)數(shù)組對(duì)象,所以才可以這么用。但是我一直不清楚什么叫做類(lèi)數(shù)組對(duì)象( array-like objects)
今天看 Effective JavaScript 就有一節(jié)是專(zhuān)門(mén)講這個(gè)的,感覺(jué)真是太拽了。
先看我寫(xiě)的一些示例代碼:
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>
代碼如下:
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è)例子:
代碼如下:
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)容了,希望大家能夠喜歡。
更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄