JavaScript 里的類數(shù)組對象
很早以前我就知道可以把 arguments 轉(zhuǎn)化為數(shù)組：[].slice.call(arguments)，因為
arguments 是個類數(shù)組對象，所以才可以這么用。但是我一直不清楚什么叫做類數(shù)組對象( array-like objects)
今天看 Effective JavaScript 就有一節(jié)是專門講這個的，感覺真是太拽了。
先看我寫的一些示例代碼：
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'
前面那幾個是操作字符串的，嗯，字符串也可以看成類數(shù)組對象。但是后面那個 b 對象居然
也是類數(shù)組對象。
看書上的解釋：
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.
居然只有這兩條簡單的規(guī)則。
所以為什么 arguments, 字符串，和上面那個 b 對象可以看作類數(shù)組對象呢？
它們都有一個合法的 length 屬性(0 到 2**32 - 1 之間的正整數(shù))。
length 屬性的值大于它們的最大索引(index)。
再舉個例子：
b = {1: "a", 2: "b", 4: "c", length: 3}
[].reduce.call(b, (acc, e) -> acc + e) # => 'ab'
嗯，就不對了，成了'ab' 了，因為違反了規(guī)則2：length 屬性是3,
最大索引值是4要比 length 屬性大了。所以表現(xiàn)的不正常了。
太強大了，好像只是定義了一個接口，只要符合這個接口，就可以利用數(shù)組的所有方法。
其實不是可以利用所有方法，Array.prototype.concat
是不能用的，因為它是把兩個數(shù)組連接起來，你不是數(shù)組肯定是沒法用它的。
還有一個小問題是，字符串創(chuàng)建以后是不可變的（immutable），所以你怎么折騰它都是不可變的。
但是這本書根本就沒有解釋為什么是符合這兩個條件就可以看成類數(shù)組對象，另外這本書的作者
是那個什么 ECMAScript 委員會的成員，所以基本還是可信的。至于為什么符合這兩個條件就可以看成是類數(shù)組對象，我也不知道，谷歌搜了半天也沒看到什么合理的解釋。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
這篇文章主要介紹了淺談Redux中間件的實踐，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要為大家詳細介紹了移動端web滾動分頁的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
結(jié)合?ES6?類編寫JavaScript?創(chuàng)建型模式
這篇文章主要介紹了結(jié)合ES6類編寫JavaScript創(chuàng)建型模式，本文開始系統(tǒng)性的對20多種JavaScript?設(shè)計模式進行簡單概述，然后結(jié)合ES6類的方式來編寫實例代碼展示其使用方式，需要的朋友可以參考一下2022-07-07
這篇文章主要為大家詳細介紹了HTML5 Canvas實現(xiàn)圓形時鐘簡易教程，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
昨天閑著沒事，又因為工作需要，寫了一個腳本，用來做ftp。當(dāng)然不是直接做ftp，而是產(chǎn)生一個ftp的腳本，供ftp命令使用。2013-07-07
javascript學(xué)習(xí)小結(jié)之prototype
本系列博文主要談一些在 javascript 使用中經(jīng)常會混淆的高級應(yīng)用，包括: prototype, closure, scope, this關(guān)鍵字. 對于一個需要提高自己javascript水平的程序員,這些都是必須要掌握的，本節(jié)主要介紹prototype.2015-12-12
這篇文章主要為大家詳細介紹了如何利用JavaScript語言實現(xiàn)無縫輪播功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了淺談webpack 四個核心概念之Entry，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
在JS中繼承是一個非常復(fù)雜的話題，比其他任何面向?qū)ο笳Z言中的繼承都復(fù)雜得多。接下來通過本文給大家介紹JavaScript中的繼承之類繼承，感興趣的朋友一起看看吧2016-05-05
javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(五)可移動地圖的實現(xiàn)
首先來說，我對游戲開發(fā)可以算是不怎么深入，因為現(xiàn)在的程序員愛用canvas，我卻就只會拿幾個div湊和。不過沒關(guān)系，因為做出來的同樣是游戲。哈！廢話最近有點多，感興趣的朋友可以了解下2013-01-01