为何JS操作的href都是javascript:void(0);呢

一、我是一只小白

下半年浮躁多了，得好好静心学习，告别小白。果断买了几本书：

其中，最先看的是《javascript模式》——不少人认为很shi的一本书。……评价观后感等500字省略……当我看到第二章要结束的时候，又一次看到了“JS中避免使用void”的观点，于是，勾起了身为小白的我困扰已久的一个问题：“既然JS中void不推荐，那为何新浪微博，淘宝之流的首页JS操作的href都是javascript:void(0);呢？”

截图为证！

为什么？为什么？都系睇？都系睇？

二、小白的疑惑

百撕不得骑姐啊百撕不得骑姐！

每当看到void，我都想起了N多年前，刚接触程序C语言那会的梦魇，大学唯一挂过科的就是C语言，每次都让我想起那个干巴巴的女讲师。像我这种纯良的好学生，大学之前网吧都没有去过的好同学，也不先具述程序何物有何用，开头就噼里啪啦变量啊，语句啊，XXX的，每天对着黑色的背景的奇怪东西敲a, b, c，那种感觉就像是小时候被大孩子摁在河底呛水喝，云里雾里，水里土里。我想起了小时候看过的一个故事，一个在农村上学的小伙子有幸作为交换生去英国交流学习，住在普通人家里（自然很热情），可是没几天，这位小伙子就被赶走了——原因是：丫的尿尿都不掀马桶盖，家里可是有lady的，太不尊重了！而实际上，这位小伙子第一次见到马桶就是在这户人家，他根本不知道马桶盖是干嘛用的，尿尿的时候要掀起来！

是习惯还是规范，我疑惑了！所谓javascript:void(0)之流的风气我估计就是丫的些C, C++所谓程序背景人带来的，可以追溯到10年之前……

我正好打开着QQ邮箱，于是看了下其href值，为javascript:;：

由此可以证明，void(0)确实是多余的，没用的，那为何这么多网站都使用这个呢？每次都要多敲7个多余的字符，这是要闹哪样，莫非绩效是根据HTML的代码量来算的！

百撕不得骑姐啊百撕不得骑姐！

然后，我还有更进一步的疑问：JavaScript中语句最后的分号是可以缺省的，那为何要使用javascript:;而不是javascript:呢？

是习惯还是规范，我疑惑了！

具有代码洁癖的coder们，没事多写一个分号，圣洁的精神世界杯玷污了，怎么能忍受的了呢？这又不是多多语句，不写分号可能会出现意想不到的情况！

像我这种懒到手抽筋，多写一个字符都会难受到满地打滚的人，实在是想不过来啊想不过来！

或许只因我是个小白，巴神的世界我不懂。

三、我是一只小白

我使用href="javascript:"很多年了，一直都是惴惴不安地使用，因为别人都是href="javascript:void(0);"，是不是因为href="javascript:"有什么潜在的问题？比方说影响性能？或者让人不能识别马桶盖？

求指点，求吐槽！

做个简单的总结吧：

请参考下面链接中对于void的说明：

https://m.qb5200.com/www.qb5200.com/w3school/js/pro_js_operators_unary.htm

针对上面的问题，借用链接中的代码：

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

上面三个都是等价的。

另外给大家附上一则网友对javascript:;和javascript:void(0);的解释

大家看JavaScript脚本经常可以看到这样的代码：
〈a href="javascript:doTest2();void(0);"〉here〈/a〉
但这儿的void(0)究竟是何含义呢？
JavaScript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。

void 操作符用法格式如下：
1. javascript:void (expression)
2. javascript:void expression

expression 是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的，但是写上去是一个好习惯。

你可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。

下面的代码创建了一个超级链接，当用户点击以后不会发生任何事。当用户点击链接时，void(0) 计算为 0，但在 JavaScript 上没有任何效果。

void和#的区别

＃包含了一个位置信息默认的锚点是＃top 也就是网页的上端,而javascript:void(0) 仅仅表示一个死链接。

这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首,而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)。