本文主要是由于看了《javascript模式》之后看到各大網(wǎng)站的JS操作的href都是javascript:void(0);，可是書(shū)中明明是說(shuō)“JS中避免使用void”所產(chǎn)生的思考，記錄下來(lái)，也請(qǐng)大神能夠解惑

 

一、我是一只小白

下半年浮躁多了，得好好靜心學(xué)習(xí)，告別小白。果斷買(mǎi)了幾本書(shū)：

其中，最先看的是《javascript模式》——不少人認(rèn)為很shi的一本書(shū)。……評(píng)價(jià)觀后感等500字省略……當(dāng)我看到第二章要結(jié)束的時(shí)候，又一次看到了“JS中避免使用void”的觀點(diǎn)，于是，勾起了身為小白的我困擾已久的一個(gè)問(wèn)題：“既然JS中void不推薦，那為何新浪微博，淘寶之流的首頁(yè)JS操作的href都是javascript:void(0);呢？”

截圖為證！

 

為什么？為什么？都系睇？都系睇？

二、小白的疑惑

百撕不得騎姐啊百撕不得騎姐！

每當(dāng)看到void，我都想起了N多年前，剛接觸程序C語(yǔ)言那會(huì)的夢(mèng)魘，大學(xué)唯一掛過(guò)科的就是C語(yǔ)言，每次都讓我想起那個(gè)干巴巴的女講師。像我這種純良的好學(xué)生，大學(xué)之前網(wǎng)吧都沒(méi)有去過(guò)的好同學(xué)，也不先具述程序何物有何用，開(kāi)頭就噼里啪啦變量啊，語(yǔ)句啊，XXX的，每天對(duì)著黑色的背景的奇怪東西敲a, b, c，那種感覺(jué)就像是小時(shí)候被大孩子摁在河底嗆水喝，云里霧里，水里土里。我想起了小時(shí)候看過(guò)的一個(gè)故事，一個(gè)在農(nóng)村上學(xué)的小伙子有幸作為交換生去英國(guó)交流學(xué)習(xí)，住在普通人家里（自然很熱情），可是沒(méi)幾天，這位小伙子就被趕走了——原因是：丫的尿尿都不掀馬桶蓋，家里可是有l(wèi)ady的，太不尊重了！而實(shí)際上，這位小伙子第一次見(jiàn)到馬桶就是在這戶(hù)人家，他根本不知道馬桶蓋是干嘛用的，尿尿的時(shí)候要掀起來(lái)！

是習(xí)慣還是規(guī)范，我疑惑了！所謂javascript:void(0)之流的風(fēng)氣我估計(jì)就是丫的些C, C++所謂程序背景人帶來(lái)的，可以追溯到10年之前……

我正好打開(kāi)著QQ郵箱，于是看了下其href值，為javascript:;：

由此可以證明，void(0)確實(shí)是多余的，沒(méi)用的，那為何這么多網(wǎng)站都使用這個(gè)呢？每次都要多敲7個(gè)多余的字符，這是要鬧哪樣，莫非績(jī)效是根據(jù)HTML的代碼量來(lái)算的！

百撕不得騎姐啊百撕不得騎姐！

然后，我還有更進(jìn)一步的疑問(wèn)：JavaScript中語(yǔ)句最后的分號(hào)是可以缺省的，那為何要使用javascript:;而不是javascript:呢？

是習(xí)慣還是規(guī)范，我疑惑了！

具有代碼潔癖的coder們，沒(méi)事多寫(xiě)一個(gè)分號(hào)，圣潔的精神世界杯玷污了，怎么能忍受的了呢？這又不是多多語(yǔ)句，不寫(xiě)分號(hào)可能會(huì)出現(xiàn)意想不到的情況！

像我這種懶到手抽筋，多寫(xiě)一個(gè)字符都會(huì)難受到滿(mǎn)地打滾的人，實(shí)在是想不過(guò)來(lái)啊想不過(guò)來(lái)！

或許只因我是個(gè)小白，巴神的世界我不懂。

三、我是一只小白

我使用href="javascript:"很多年了，一直都是惴惴不安地使用，因?yàn)閯e人都是href="javascript:void(0);"，是不是因?yàn)?code style="font-family: 'Courier New', Courier, monospace;">href="javascript:"有什么潛在的問(wèn)題？比方說(shuō)影響性能？或者讓人不能識(shí)別馬桶蓋？

求指點(diǎn)，求吐槽！

做個(gè)簡(jiǎn)單的總結(jié)吧：

請(qǐng)參考下面鏈接中對(duì)于void的說(shuō)明：

針對(duì)上面的問(wèn)題，借用鏈接中的代碼：
 

1. <a onclick="fn()">Does not appear as a link, because there's no href</a>  
2. <a href="javascript:void(0)" onclick="fn()">fn is called</a>  
3. <a href="javascript:undefined" onclick="fn()">fn is called</a>  
4. <a href="javascript:" onclick="fn()">fn is called too!</a>