一道面試題考驗JS的基本功

這篇文章主要講解了“一道面試題考驗JS的基本功”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“一道面試題考驗JS的基本功”吧！

// 求出如下題目結(jié)果 ({} + {}).length ([] + []).length (function() {}).length

這道題目乍一看可能會讓你有點懵，你可能會想：一個對象和一個對象相加能得到什么?還能求出其長度?

其實這道題目相當考驗了作為一位web前端開發(fā)工程師的基本功

在看到這個題目之后，我們首先分析一下情況：

1、({} + {}).length

兩個空對象相加，肯定不是數(shù)值運算，那么只有可能是字符串連接了，那你可能會得到 “{}{}”  這樣的結(jié)果，其實不然，因為你忽視了字符串在連接時默認會調(diào)用相應(yīng)的toString()方法

一個空對象調(diào)用toString()方法會得到什么?

({}).toString() // "[object Object]"

得到是 “[object Object]” 這樣的字符串，長度為15，那么兩個空對象相加之后，其長度則為30

({} + {}).length // 相當于 ({}.toString() + {}.toString()).length // 也就是 "[object Object][object Object]"，求得這個字符串長度為30

2、([] + []).length

有了第一道題的經(jīng)驗，那么你可能會這么想：兩個空數(shù)組相加，一定也是字符串連接，也會調(diào)用其toString()方法，最終相當于求 “[object  Array][object Array]” 這個字符串的長度，從而得出最終結(jié)果28

但是，數(shù)組的toString()方法是被重寫過的

[1, 2, 3].toString() // 得到的是 "1,2,3" 這樣由逗號分割元素的字符串

如果一個空數(shù)組調(diào)用toString()方法，得到的只會是空字符串“”

所以，這道題的最終結(jié)果為0

3、(function() {}).length

有了前兩道題目的經(jīng)驗，那你可能會很自然的想到：這里的function也是會調(diào)用toString()方法的。如果你這樣想，那就是被前兩道題目誤導(dǎo)了：函數(shù)的長度是其形參的個數(shù)，所以最終結(jié)果是0

感謝各位的閱讀，以上就是“一道面試題考驗JS的基本功”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對一道面試題考驗JS的基本功這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！