html中void标签,javascript中的void是什么?

Javascript中void 是一个操作符,该操作符指定要计算一个表达式但是不返回值。可以使用void实现a标签在点击时不会发生跳转。也可以采用void0取undefined。

5d56098a45b39172.jpg

void 操作符用法javascript:void (expression)javascript:void expression

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

你可以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。上面的代码创建了一个超级链接,当用户以后不会发生任何事。当用户链接时,Javascript 上没有任何效果。

在ECMAScript 262规范中的描述The void Operator

The production UnaryExpression : void UnaryExpression is evaluated as follows:

Let expr be the result of evaluating UnaryExpression.

Call GetValue(expr).

Return undefined.

NOTE: GetValue must be called even though its value is not used because it may have

observable side-effects.

从规范中可以了解到无论void后的表达式是什么,void操作符都会返回undefined

为什么要用 void

undefined 在 Javascript 中并不是保留字和关键字function isUndefined(param) {

let undefined = 'hello world';

return undefined === param;

}

我们可以在一个函数的上下文中定义一个变量叫 undefined, 这个时候如果要访问真正的 undefined 只能通过全局作用域来取 undefinedwindow.undefined;

GLOBAL.undefined;

遗憾的是 window 和 GLOBAL 依然可以在函数上下文中定义, 所以从他们身上取 undefined 也不是安全可靠的方法function test() { let

undefined = 'hello world',

window = { undefined: 'joke' },

f = {}

;

console.log(undefined);

console.log(window.undefined);

console.log(f.a === undefined);

console.log(f.a === void 0);

}

判断 undefinedfunction isUndefined(param) {

return param === void 0;

}

另外一种方式function getUndefined() {

return;

};

function isUndefined(param) {

return param === getUndefined();

}

这种方式可行是因为一个函数不指定返回值将默认返回 undefined, 缺点是为了判断 undefined 还要声明一个函数, 性能上有所损耗。

优先级

void 优先级仅次于. [] ()

总结:

通过采用 void 0 取 undefined 比采用字面上的 undefined 更安全,应该优先采用 void 0 这种方式。

填充的href确保点击时不会产生页面跳转, 避免为a标签添加点击事件使用 return false 组织默认行为。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值