为什么使用void 0 代替 undefined?

如果大家有看过脚手架编译出来的代码,你会发现所有涉及到undefined表达都会被编译成void 0,比如:

//源码
const a: number = 1
a === undefined

//编译后
"use strict";
var a = 1;
a === void 0;

void 和 undefined的区别

1. undefined 属于基础类型同时还是全局属性。

console.log(window.hasOwnProperty('undefined'))   //true
console.log(window.undefined)  //undefined

在javascript中,全局属性是允许被覆盖的,比如你可以:

window.undefined = 1

2. void 属于运算符(类似typeof),运算符只能针对表达式进行求值,不能进行赋值操作。

比如:

var typeof = 1  //Uncaught SyntaxError: Unexpected token 'typeof'

void 0代替undefined的优势

  1. 安全赋值
    从上面的区别中,可以看出用void 0来代替undefined进行赋值确实更安全,所以几乎所有的脚手架工具都集成了undefined转void 0的能力
  2. 更短 void 0对比undefined,浏览器传输过程中具有更少的字节数

那么现状是否如此呢?

  1. 更安全
    根本原因在于ECMAScript 5之前,undefined作为全局属性,是可读写,某些质量不高的库会覆盖undefined的值,导致直接赋值undefined不符合预期,在 ECMAScript 5之后,undefined设置成只读,也就不存在上面所说的问题,兼容性方面也基本不存在太大问题。兼容性
  2. 更短
    个人认为写源码场景下非要用void 0代替undefined,阅读起来会带来更大的心智负担,比如

    const a = 1
    if(a === void 0 || a === 1){}
    

    对比节省几个字节的收益,维护和代码review成本更高

最后

如果不是需要兼容老旧浏览器(IE8以下)的场景下,非常不建议用void 0去代替undefined

「点点赞赏,手留余香」

2

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 为什么使用void 0 代替 undefined?

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们