您好,登錄后才能下訂單哦!
這篇文章主要講解了“一道面試題考驗JS的基本功”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“一道面試題考驗JS的基本功”吧!
// 求出如下題目結果 ({} + {}).length ([] + []).length (function() {}).length
這道題目乍一看可能會讓你有點懵,你可能會想:一個對象和一個對象相加能得到什么?還能求出其長度?
其實這道題目相當考驗了作為一位web前端開發工程師的基本功
在看到這個題目之后,我們首先分析一下情況:
1、({} + {}).length
兩個空對象相加,肯定不是數值運算,那么只有可能是字符串連接了,那你可能會得到 “{}{}” 這樣的結果,其實不然,因為你忽視了字符串在連接時默認會調用相應的toString()方法
一個空對象調用toString()方法會得到什么?
({}).toString() // "[object Object]"
得到是 “[object Object]” 這樣的字符串,長度為15,那么兩個空對象相加之后,其長度則為30
({} + {}).length // 相當于 ({}.toString() + {}.toString()).length // 也就是 "[object Object][object Object]",求得這個字符串長度為30
2、([] + []).length
有了第一道題的經驗,那么你可能會這么想:兩個空數組相加,一定也是字符串連接,也會調用其toString()方法,最終相當于求 “[object Array][object Array]” 這個字符串的長度,從而得出最終結果28
但是,數組的toString()方法是被重寫過的
[1, 2, 3].toString() // 得到的是 "1,2,3" 這樣由逗號分割元素的字符串
如果一個空數組調用toString()方法,得到的只會是空字符串“”
所以,這道題的最終結果為0
3、(function() {}).length
有了前兩道題目的經驗,那你可能會很自然的想到:這里的function也是會調用toString()方法的。如果你這樣想,那就是被前兩道題目誤導了:函數的長度是其形參的個數,所以最終結果是0
感謝各位的閱讀,以上就是“一道面試題考驗JS的基本功”的內容了,經過本文的學習后,相信大家對一道面試題考驗JS的基本功這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。