扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
小编给大家分享一下javascript:void指的是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
成都创新互联是一家专注于网站建设、成都网站设计与策划设计,东山网站建设哪家好?成都创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:东山等地区。东山做网站价格咨询:028-86922220
javascript:void是Javascript中void操作符的一种用法格式;void操作符指定要计算一个表达式但是不返回值;开发者可以使用void实现a标签在点击时不发生跳转,也可以采用void0取undefined。
Javascript中void 是一个操作符,该操作符指定要计算一个表达式但是不返回值。可以使用void实现a标签在点击时不会发生跳转。也可以采用void0取undefined。
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 只能通过全局作用域来取 undefined
window.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); }
判断 undefined
function 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 组织默认行为。
以上是“javascript:void指的是什么意思”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流