文档章节

javascript void 0的作用

cyper
 cyper
发布于 2015/12/03 18:50
字数 676
阅读 127
收藏 3

原文标题:

void and undefined

一直以来,undefined 都不是 JavaScript 的关键字或保留字,这意味着我们可以修改 window.undefined 的值。由于 undefined 会被频繁调用作为比较运算的操作数,所以在 ES5 规范之后,window.undefined 被定义为不可写、不可配置的属性。常见的 undefined 列述如下:

  • 变量声明后未赋值,则变量会被自动赋值为 undefined
  • 函数中定义了一些形参,如果传入的实参少于预定义的形参,那么有一些形参就会匹配不到实参,继而会被自动赋值为 undefined
  • 没有返回值的函数,默认返回 undefined

void (expression),void 作为一个运算符,无论表达式的内容是什么,只要跟在 void 之后都会被调用执行,执行完毕后 void 操作符返回 undefined。简而言之,使用 void 运算符有三种用处:生成 undefined;让函数立即执行;充当 javascript: 协议的 URI。

生成 undefined

使用 void 0 生成 undefined 的做法由来已久,既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined。

function checkLogin (loginName) {  if (loginName === void 0) {  console.log('Wrong!');  }  }  checkLogin(); // => 'Wrong!'

立即执行函数

运算符和函数组合使用,可以让函数立即执行。实际上,有许多运算符可以让函数立即执行,比如 +、-、!、~ 以及本文提到的 void 等运算符。此外,还有最常见的小括号(分组运算符):

(function(){  console.log('立即执行'); })(); // => '立即执行'

充当 javascript: 协议的 URI

对于网页中的点赞、收藏等按钮,如果使用 a 标签来实现的话,往往会用到href="javascript:void(0)" 等类似的代码,这段代码的作用是点击链接时让页面不跳转。

在 href=”javascript:void(0)” 中,使用了一个以 javascript: 协议开头的 URI,浏览器默认会对冒号后面的代码求值,然后将结果显示在新的页面,但有一种情况例外,如果结果是 undefined,浏览器就不会刷新页面渲染新值了。

实际上,我们有很多方式实现点赞、收藏的效果,无需使用这么 Hack 的方式——虽然这确实很方便。

javascript: 协议声明了 URL 的主体是任意的 javascript 代码,由 javascript 解释器编译执行,通常使用 javascript:URL 执行某些不改变当前页面文档的代码,要做到这一点,必须确保 URL 的最后一条语句没有返回值,比如使用 void 0。

参考资料

本文转载自:http://pinggod.com/2015/void-and-undefined/

共有 人打赏支持
cyper

cyper

粉丝 58
博文 685
码字总数 143207
作品 0
武汉
前端工程师
私信 提问
JAVASCRIPT_a href=#与 a href=javascript:void(0) 的区别

<a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="javas......

喵王不瞌睡
2014/04/05
0
0
javascript:void(0)的实际意义?

关于javascript:void(0),百度了下,理论上来说,计算表达式但是不返回值,如果不返回值有什么意义呢。实际用的时候更多也不会直接在href='javascript:void(0)'吧,我想知道这个函数实际有什么...

Wanghenghao
2016/08/10
384
5
c#使用webBrowser,控制页面、提交表单的两种方法

一、第一种方法貌似网上很少有人提。。。。就是使用javascript去控制页面。 熟悉javascript的人知道,它主要是用来控制客户端浏览器上行为动作的语言。 用浏览器随便打开一个页面,在地址栏输...

晨曦之光
2012/05/16
398
0
实现省市二级联动,条件如下

不是那种用selecte和option实现的。 要求是:当点击或者鼠标移到某一省份上,下面的城市后面立刻变成该省份对应的相关城市,用jquery实现 省份: 四川省 陕西省 甘肃省 城市: 成都市 绵阳市 广...

DD_mmy
2016/03/08
814
7
dTree+jquery生成树

Dtree目录树的总结 一:函数 1:页面中 tree.add(id,pid,name,url,title,target,icon,iconOpen,open); 参数说明: id :节点自身的id pid :节点的父节点的id name :节点显示在页面上的名称...

北京_
2014/07/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

全面理解Java内存模型(JMM)及volatile关键字

理解Java内存区域与Java内存模型 Java内存区域 Java虚拟机在运行程序时会把其自动管理的内存划分为以上几个区域,每个区域都有的用途以及创建销毁的时机,其中蓝色部分代表的是所有线程共享的...

亭子happy
18分钟前
1
0
Prometheus监控mysql实例--centos7安装mysql_exporter

目录 概述 环境准备 普罗米修斯简介 mysql安装 mysqld_exporter安装 启动参数列表 概述 prometheus(普罗米修斯) 是一个开源系统监控和报警工具包,许多公司和组织都采用了Prometheus,该项目...

java_龙
23分钟前
3
0
拥有2000家门店,他如何晋升为服装界的新宠?

摘要: —— iwarm3.0加热组件、碳纳米管膜炎、管状石墨结构体...你看到并不是一款高科技电子产品,这是快鱼服饰在这个冬天推出的黑科技产品 - 智能温控羽绒服。 在竞争激烈的服装行业,快鱼...

阿里云云栖社区
26分钟前
2
0
不忘初心 砥砺前行-智和信通2018年年会报道

1月18日,智和信通以“不忘初心 砥砺前行”为主题的2018总结会议暨2019年年会在京召开。年会以总经理李少龙的讲话为开场,充分肯定了全体员工2018年的工作和成绩,并表达了公司产品智和网管平...

智和网管平台
34分钟前
1
0
NGINX api网关

以谁为师
36分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部