日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
一道阿里Web前端面試題看出你的JS基本功

[[350746]]

創(chuàng)新互聯(lián)建站一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘，量身打造，注重實效"的一站式服務(wù)，以成都做網(wǎng)站、網(wǎng)站設(shè)計、移動互聯(lián)產(chǎn)品、成都全網(wǎng)營銷服務(wù)為核心業(yè)務(wù)。10多年網(wǎng)站制作的經(jīng)驗，使用新網(wǎng)站建設(shè)技術(shù)，全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站，不但價格便宜而且實用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用，維護方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

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

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

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

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

1、({} + {}).length

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

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

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

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

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

2、([] + []).length

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

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

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

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

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

3、(function() {}).length

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

總結(jié)：學(xué)習(xí)前端知識是一個漫長且艱辛的過程，我們很多時候被眼前的高樓大廈蒙蔽了雙眼，卻忽視了作為基礎(chǔ)的鋼筋水泥。前端框架方興未艾，說不定過幾年又會有新框架取代當(dāng)下熱門的三大框架(vue，react， angular)，但是萬變不離其宗，只有基礎(chǔ)打的牢固，無論這些東西將來怎么改變，你也只會淡然一笑，不過爾爾


文章標(biāo)題：一道阿里Web前端面試題看出你的JS基本功
網(wǎng)頁路徑：http://m.5511xx.com/article/ccseohs.html