JavaScript 里的類(lèi)數(shù)組對(duì)象
很早以前我就知道可以把 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ě)的一些示例代碼：
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)容了，希望大家能夠喜歡。
相關(guān)文章
這篇文章主要介紹了淺談Redux中間件的實(shí)踐，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
移動(dòng)端web滾動(dòng)分頁(yè)的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端web滾動(dòng)分頁(yè)的實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
結(jié)合?ES6?類(lèi)編寫(xiě)JavaScript?創(chuàng)建型模式
這篇文章主要介紹了結(jié)合ES6類(lèi)編寫(xiě)JavaScript創(chuàng)建型模式，本文開(kāi)始系統(tǒng)性的對(duì)20多種JavaScript?設(shè)計(jì)模式進(jìn)行簡(jiǎn)單概述，然后結(jié)合ES6類(lèi)的方式來(lái)編寫(xiě)實(shí)例代碼展示其使用方式，需要的朋友可以參考一下2022-07-07
js Canvas實(shí)現(xiàn)圓形時(shí)鐘教程
這篇文章主要為大家詳細(xì)介紹了HTML5 Canvas實(shí)現(xiàn)圓形時(shí)鐘簡(jiǎn)易教程，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
昨天閑著沒(méi)事，又因?yàn)楣ぷ餍枰?，?xiě)了一個(gè)腳本，用來(lái)做ftp。當(dāng)然不是直接做ftp，而是產(chǎn)生一個(gè)ftp的腳本，供ftp命令使用。2013-07-07
javascript學(xué)習(xí)小結(jié)之prototype
本系列博文主要談一些在 javascript 使用中經(jīng)常會(huì)混淆的高級(jí)應(yīng)用，包括: prototype, closure, scope, this關(guān)鍵字. 對(duì)于一個(gè)需要提高自己javascript水平的程序員,這些都是必須要掌握的，本節(jié)主要介紹prototype.2015-12-12
JavaScript實(shí)現(xiàn)無(wú)縫輪播圖的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript語(yǔ)言實(shí)現(xiàn)無(wú)縫輪播功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了淺談webpack 四個(gè)核心概念之Entry，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
在JS中繼承是一個(gè)非常復(fù)雜的話(huà)題，比其他任何面向?qū)ο笳Z(yǔ)言中的繼承都復(fù)雜得多。接下來(lái)通過(guò)本文給大家介紹JavaScript中的繼承之類(lèi)繼承，感興趣的朋友一起看看吧2016-05-05
javascript游戲開(kāi)發(fā)之《三國(guó)志曹操傳》零部件開(kāi)發(fā)(五)可移動(dòng)地圖的實(shí)現(xiàn)
首先來(lái)說(shuō)，我對(duì)游戲開(kāi)發(fā)可以算是不怎么深入，因?yàn)楝F(xiàn)在的程序員愛(ài)用canvas，我卻就只會(huì)拿幾個(gè)div湊和。不過(guò)沒(méi)關(guān)系，因?yàn)樽龀鰜?lái)的同樣是游戲。哈！廢話(huà)最近有點(diǎn)多，感興趣的朋友可以了解下2013-01-01