文档章节

javascript void 0的作用

cyper
 cyper
发布于 2015/12/03 18:50
字数 676
阅读 123
收藏 3
点赞 0
评论 0

原文标题:

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
码字总数 143161
作品 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
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
的一个小技巧

使用javascript的时候,通常我们会通过类似: <a href="#" onclick="javascript:方法">提交</a> 的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳...

wangwenya
2014/05/25
0
0
cocos2dx中js绑定的回调

上一篇,写了个CCPomelo导出到js,一直研究怎么写回调,研究了半天也没找到哪里可以自动生成代码了,看了半天源码,只好手动添加代码,在自动生成的 中修改 CCPomelo增加几个成员 class CCPo...

alexChan
2013/06/20
0
9
【转载】在JavaScript中使用操作符void返回undefined

在JavaScript中使用操作符void返回undefined技术 maybe yes 发表于2014-12-30 18:45 原文链接 : http://blog.lmlphp.com/archives/53 来自 : LMLPHP后院 在 JavaScript 函数中返回 undefine......

hosser
2015/02/05
0
0
[转] Bookmarklet(书签工具)编写指南

作者: 阮一峰 日期: 2011年6月11日 前一段日子,我写了两个Bookmarklet----"短网址生成"和"短网址还原"。 它们用起来很方便,除了我本人之外,其他朋友也在用。第一次发布Bookmarklet,就能...

叛道
2013/02/02
0
0
Wt::JSlot Class Reference

A slot that is only implemented in client side JavaScript code. More... 【JSlot是一种槽,只被客户端JavaScript代码(去)实现】 List of all members. Detailed Description A slot t......

zhmsong
2012/01/08
0
0
Android ---js与java的相互调用

android中的关键代码: webview.getSettings().setJavaScriptEnabled(true); webview.addJavascriptInterface(object,"name");//把Name="name"的对象添加到object中。object如果是this,就是......

lishisong
2012/11/13
0
0
标签中的href和onclick的区别

这样写是为了让这个链接不要链接到新页面转而执行一段js代码。 和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()...

君子之耀
2013/12/09
0
0
网页常用分享代码大全(前端必备)

1、新浪微博 新浪微博 2、腾讯微博 腾讯微博 3、开心网

thinkyoung
2013/07/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

about git flow

  昨天元芳做了git分支管理规范的分享,为了拓展大家关于git分支的认知,这里我特意再分享这两个关于git flow的链接,大家可以看一下。 Git 工作流程 Git分支管理策略   git flow本质上是...

qwfys
今天
2
0
Linux系统日志文件

/var/log/messages linux系统总日志 /etc/logrotate.conf 日志切割配置文件 参考https://my.oschina.net/u/2000675/blog/908189 dmesg命令 dmesg’命令显示linux内核的环形缓冲区信息,我们可...

chencheng-linux
今天
1
0
MacOS下给树莓派安装Raspbian系统

下载镜像 前往 树莓派官网 下载镜像。 点击 最新版Raspbian 下载最新版镜像。 下载后请,通过 访达 双击解压,或通过 unzip 命令解压。 检查下载的文件 ls -lh -rw-r--r-- 1 dingdayu s...

dingdayu
今天
1
0
spring boot使用通用mapper(tk.mapper) ,id自增和回显等问题

最近项目使用到tk.mapper设置id自增,数据库是mysql。在使用通用mapper主键生成过程中有一些问题,在总结一下。 1、UUID生成方式-字符串主键 在主键上增加注解 @Id @GeneratedValue...

北岩
今天
2
0
告警系统邮件引擎、运行告警系统

告警系统邮件引擎 cd mail vim mail.py #!/usr/bin/env python#-*- coding: UTF-8 -*-import os,sysreload(sys)sys.setdefaultencoding('utf8')import getoptimport smtplibfr......

Zhouliang6
今天
1
0
Java工具类—随机数

Java中常用的生成随机数有Math.random()方法及java.util.Random类.但他们生成的随机数都是伪随机的. Math.radom()方法 在jdk1.8的Math类中可以看到,Math.random()方法实际上就是调用Random类...

PrivateO2
今天
2
0
关于java内存模型、并发编程的好文

Java并发编程:volatile关键字解析    volatile这个关键字可能很多朋友都听说过,或许也都用过。在Java 5之前,它是一个备受争议的关键字,因为在程序中使用它往往会导致出人意料的结果。在...

DannyCoder
昨天
1
0
dubbo @Reference retries 重试次数 一个坑

在代码一中设置 成retries=0,也就是调用超时不用重试,结果DEBUG的时候总是重试,不是0吗,0就不用重试啊。为什么还是调用了多次呢? 结果在网上看到 这篇文章才明白 https://www.cnblogs....

奋斗的小牛
昨天
2
0
数据结构与算法3

要抓紧喽~~~~~~~放羊的孩纸回来喽 LowArray类和LowArrayApp类 程序将一个普通的Java数组封装在LowArray类中。类中的数组隐藏了起来,它是私有的,所以只有类自己的方法才能访问他。 LowArray...

沉迷于编程的小菜菜
昨天
1
0
spring boot应用测试框架介绍

一、spring boot应用测试存在的问题 官方提供的测试框架spring-boot-test-starter,虽然提供了很多功能(junit、spring test、assertj、hamcrest、mockito、jsonassert、jsonpath),但是在数...

yangjianzhou
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部