Array.prototype.concat不是通用方法反駁[譯]
ECMAScript 5.1規(guī)范§15.4.4.4 中說(shuō)到:
concat函數(shù)是有意設(shè)計(jì)成通用的;它并不要求它的this值必須得是個(gè)Array對(duì)象.因此,它可以被轉(zhuǎn)移到其它類型的對(duì)象上作為方法來(lái)調(diào)用.
本文中的代碼都使用了[]來(lái)作為Array.prototype的快捷方式.這已經(jīng)是很常用的技巧了,雖然可讀性差點(diǎn):你通過(guò)一個(gè)對(duì)象實(shí)例訪問(wèn)到了Array.prototype上的方法.但是,這樣的訪問(wèn)方式在現(xiàn)代的JavaScript引擎中非常之快,以至于我懷疑,說(shuō)不定在這種調(diào)用方式下,這些JavaScript引擎可能已經(jīng)不再創(chuàng)建數(shù)組實(shí)例了.本文中所有的例子都在Firefox和V8中嘗試運(yùn)行過(guò).
讓我們看一下concat到底是不是個(gè)通用方法:如果它是一個(gè)通用方法,則不管this的值是一個(gè)真實(shí)數(shù)組還是個(gè)類數(shù)組對(duì)象(擁有l(wèi)ength屬性,能通過(guò)索引訪問(wèn)每個(gè)元素),方法的返回結(jié)果都應(yīng)該是一樣的.我們首先嘗試在數(shù)組上調(diào)用concat方法:
> ["hello"].concat(["world"])
["hello", "world"]
> [].concat.call(["hello"], ["world"]) // 和上面的一樣
["hello", "world"]
然后,我們使用一個(gè)類數(shù)組對(duì)象來(lái)進(jìn)行上面的連接操作.結(jié)果應(yīng)該是一樣的.
> [].concat.call({ 0: "hello", length: 1 }, ["world"])
[ { '0': 'hello', length: 1 }, 'world' ]
特殊變量arguments也是一個(gè)類數(shù)組對(duì)象.結(jié)果仍然不是我們所期望的:
> function f() { return [].concat.call(arguments, ["world"]) }
> f("hello")
[ { '0': 'hello' }, 'world' ]
真正的通用方法應(yīng)該是這樣的Array.prototype.push:
> var arrayLike = { 0: "hello", length: 1 };
> [].push.call(arrayLike, "world")
2
> arrayLike
{ '0': 'hello', '1': 'world', length: 2 }
譯者注:瀏覽器只是按照標(biāo)準(zhǔn)來(lái)實(shí)現(xiàn),所以并不存在bug的問(wèn)題.
相關(guān)文章
javascript+dom樹(shù)型菜單類,希望朋友們一起進(jìn)步
javascript+dom樹(shù)型菜單類,希望朋友們一起進(jìn)步...2007-05-05javascript正則表達(dá)式使用replace()替換手機(jī)號(hào)的方法
這篇文章主要介紹了javascript正則表達(dá)式使用replace()替換手機(jī)號(hào)的方法,可實(shí)現(xiàn)把手機(jī)號(hào)第4位到第7位替換成****的功能,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01JS Jquery 遍歷,篩選頁(yè)面元素 自動(dòng)完成(實(shí)現(xiàn)代碼)
本篇文章是對(duì)JS Jquery 遍歷,篩選頁(yè)面元素 自動(dòng)完成的實(shí)現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-07-07javascript實(shí)現(xiàn)網(wǎng)頁(yè)中涉及的簡(jiǎn)易運(yùn)動(dòng)(改變寬高、透明度、位置)
這篇文章主要介紹了javascript實(shí)現(xiàn)網(wǎng)頁(yè)中涉及的簡(jiǎn)易運(yùn)動(dòng),比如改變寬高、透明度、位置等,感興趣的小伙伴們可以參考一下2015-11-11JavaScript實(shí)現(xiàn)簡(jiǎn)易購(gòu)物車(chē)最全代碼解析(ES6面向?qū)ο?
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易購(gòu)物車(chē)最全代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09解決layui-open關(guān)閉自身窗口的問(wèn)題
今天小編就為大家分享一篇解決layui-open關(guān)閉自身窗口的問(wèn)題,具有好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09一文教你徹底學(xué)會(huì)JavaScript手寫(xiě)防抖節(jié)流
其實(shí)防抖和節(jié)流不僅僅在面試中會(huì)讓大家手寫(xiě),在實(shí)際項(xiàng)目中也可以起到性能優(yōu)化的作用,所以還是很有必要掌握的。本文就帶大家徹底學(xué)會(huì)JavaScript手寫(xiě)防抖節(jié)流,需要的可以參考一下2022-11-11