js & void & undefined & null

The void operator evaluates the given expression and then returns undefined.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/void



void function test() {

  console.log('boo!');

  // "boo!"

  return "undefined  === void 0 && null == void 0";

}();

try {

  test();

} catch (e) {

  console.log(e);

  // ReferenceError: test is not defined

}

/*

"boo!"

ReferenceError: test is not defined

*/


void 2 == '2';

// false

void (2 == '2');

// undefined

void



void 0;

// undefined

undefined === void 0;

// true

null === void 0;

// false

null == void 0;

// true


undefined == null;

// true

// undefined == false;

false

null == false;

// false


const log = console.log;

let varVoid = void 0;

log(`var void =`, varVoid);

// var void = undefined

undefined

const log = console.log;

let varDefault;

log(`var default =`, varDefault);

// var default = undefined

null

const log = console.log;

let vaNull = null;

log(`var null =`,  vaNull);

// var null = null

html

<body>

  <header>

    <h1>void(js expression)</h1>

  </header>

  <main>

    <article>

      <section>

        <div>

          <a href="javascript:void(0);">

            Click here to do nothing

            <span>javascript:void(0);</span>

          </a>

        </div>

        <div>

          <a href="javascript:void(1);">

            Click here to do nothing

            <span>javascript:void(1);</span>

          </a>

        </div>

        <div>

          <a href="javascript:void(true);">

            Click here to do nothing

            <span>javascript:void(true);</span>

          </a>

        </div>

        <div>

          <a href="javascript:void(document.body.style.backgroundColor='green');">

            Click here for green background

          </a>

        </div>

        <div>

          <a href="javascript:void(document.body.style.backgroundColor='white');">

            Click here for init background

          </a>

        </div>

      </section>

    </article>

  </main>

  <footer>

    <p>copyright&copy; xgqfrms 2020</p>

  </footer>

  <!-- js -->

  <script>

    const log = console.log;

  </script>

</body>

https://codepen.io/xgqfrms/pen/poyYGZw

refs

TypeScript

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

js & void & undefined & null的更多相关文章

  1. js中undefined,null,NaN的区别

    1.类型分析: js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型.var a1;var a2 = true;va ...

  2. 20180911 关于页面加载顺序引发的JS的undefined/null错误

    引用: 百度知道-HTML+JavaScript执行顺序问题 这是我在学习JS滚动播放图片案例意外遇到的一个问题,代码完成后console弹出错误警告: Uncaught TypeError: Can ...

  3. js判断undefined类型,undefined,null,NaN的区别

    js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined   所以自作聪明判断       ...

  4. js判断undefined类型,undefined,null, 的区别详细解析

    js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断 var reVal ...

  5. html5 -js判断undefined类型

    js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断 var reVal ...

  6. js基础篇——call/apply、arguments、undefined/null

    a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 ...

  7. js中的null和undefined

    大部分编程语言一般有一个表示“无”的值,而js中却有两个,null和undefined.所以查了一些资料,小结在此,以便查阅. js中的变量有两大类,基本的值类型,引用类型.其中值类型分为:Undef ...

  8. 【学习笔记】js中undefined和null的区别和联系

    在JavaScript中存在这样两种原始类型:Null与Undefined.这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined? Undef ...

  9. js判断undefined和null

    js判断undefined var exp = undefined; if (typeof(exp) == "undefined") { alert("undefined ...

随机推荐

  1. vercel是什么神仙网站？

    Vercel? vercel是我用过的最好用的网站托管服务.本网站就是基于hexo引擎模板开发,托管在vercel上的. vercel类似于github page,但远比github page强大,速 ...

  2. UNIX DOMAIN SOCKETS IN GO unix域套接字

    Unix domain sockets in Go - Golang News https://golangnews.org/2019/02/unix-domain-sockets-in-go/ pa ...

  3. （ETL）ETL架构师面试题（转载）

    1. What is a logical data mapping and what does it mean to the ETL team?什么是逻辑数据映射?它对ETL项目组的作用是什么? 答: ...

  4. Webpack4.0各个击破（7）plugin篇

    目录 一. plugin概述 1.1 Plugin的作用 1.2 Compiler 1.3 Compilation 二. 如何写一个plugin 四. 实战 [参考] 一. plugin概述 1.1 ...

  5. 洛谷 P1401 城市

    写在前面 今天来水主题库里的有水分的紫题,随便一翻竟然找到宝了. 小清新二分 + 网络流. 算法思路 考虑到题目中限制的是最大边权,要求最大边权最小,那么很容易想到二分答案. 单调性的证明:最大边权是 ...

  6. Docker监控平台prometheus和grafana，监控redis，mysql，docker，服务器信息

    Docker监控平台prometheus和grafana,监控redis,mysql,docker,服务器信息 一.通过redis_exporter监控redis 1.1 下载镜像 1.2 运行服务 ...

  7. Docker安装Mycat并实现mysql读写分离,分库分表

    Docker安装Mycat并实现mysql读写分离,分库分表 一.拉取mycat镜像 二.准备挂载的配置文件 2.1 创建文件夹并添加配置文件 2.1.1 server.xml 2.1.2 serve ...

  8. 正则表达式获取字符串的input标签的属性值

    直接上正则表达式: (?<=\<input.*value=\").*?(?=\") 字符串如下: <form action="https://www.b ...

  9. H3C交换机DHCP配置

    1.dhcp配置 dhcp enable:开启dhcp功能 dhcp server forbidden-ip 10.1.130.2 10.1.130.10----排除dhcp的一些地址 dhcp se ...

  10. 【uva 753】A Plug for UNIX（图论--网络流最大流 Dinic）

    题意:有N个插头,M个设备和K种转换器.要求插的设备尽量多,问最少剩几个不匹配的设备. 解法:给读入的各种插头编个号,源点到设备.设备通过转换器到插头.插头到汇点各自建一条容量为1的边.跑一次最大流就 ...