// 求出如下題目結果
({} + {}).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
總結：學習前端知識是一個漫長且艱辛的程序，我們很多時候被眼前的高樓大廈蒙蔽了雙眼，卻忽視了作為基礎的鋼筋水泥，前端框架方興未艾，說不定過幾年又會有新框架取代當下熱門的三大框架（vue，react， angular），但是萬變不離其宗，只有基礎打的牢固，無論這些東西將來怎么改變，你也只會淡然一笑，不過爾爾
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/204892.html
標籤：其他
上一篇：ES 新特性與 TypeScript、JS 性能優化（Day06）
下一篇：js常用全域方法