关于javascript:void(0)运算符的的一点探讨

在前端页面的开发,为了将链接充当按钮使用,我们一般会采用如下的写法:

<a href="javascript:void(0)" class="btn btn-default">链接测试</a>

在绝大多数人看来,上述的写法中,void都像是一个函数,其实void是一个一元运算符,无论后面跟什么值,它都恒定返回undefined,所以void(0)的正确读法如下:

//  将0用括号包起来
void (0)
//  所以也可以去掉括号,简化为
void 0

既然void(0)的返回值恒定为undefined,那么void(0)可以直接返回undefined吗?如下:

<a href="javascript:undefined" class="btn btn-default">链接测试</a>

测试表明,完全可以达到与void(0)一样的效果,但是我们需要书写的内容更多了,那可以继续简化吗?突然每条javascript语句(如赋值语句)执行后的结果都是undefined,那么改为0+0又怎样?

<a href="javascript:0+0" class="btn btn-default">链接测试</a>

测试依然成功,但是javascript中的+也可以用作一元运算符,继续简化,如下:

<a href="javascript:+0" class="btn btn-default">链接测试</a>

依旧成功,效果很完美!继续深入进去,“0”也可以成为单独的javascript表达式,能行吗?

<a href="javascript:0" class="btn btn-default">链接测试</a>

浏览器告诉我,效果完全一样!

结论

链接“javascript:void(0)”的最简化写法为“javascript:0”,后经过测试,可以继续简化为“javascript:”。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值