我是HullQin，公众号线下团聚游戏的作者（欢送关注公众号，发送加微信，交个敌人），转发本文前需取得作者HullQin受权。我独立开发了《联机桌游合集》，是个网页，能够很不便的跟敌人联机玩斗地主、五子棋等游戏，不免费没广告。还开发了《Dice Crush》加入Game Jam 2022。喜爱能够关注我 HullQin 噢～我有空了会分享做游戏的相干技术。

背景

明天看到一篇《不要再间接写undefined了》，一些人可能会被误导，所以写下这个文章，心愿防止大家被误导。

先说大背景：古代前端开发，曾经在前端引入了 webpack 这种构建工具，并且领有包含 eslint、babel 在内的残缺的生态了。如果你对他们不了解，你就齐全可能会被误导。

对于变量名叫undefined

古代前端开发，没有人会应用undefined作为变量名，无论是局部变量还是全局变量，都不会。

因为古代前端我的项目都会配置eslint，所有常见eslint规定都有这样的规定：

Shadowing of global property 'undefined'.(no-shadow-restricted-names)

当前开发代码，你要是敢用undefined作变量名，那么就会有显著的Error级别提醒：

为什么我说“所有常见”规定都有上述规定呢？因为这条规定默认是在eslint:recommended这个包里的，它是一个eslint规定限度比拟少的包，简直所有规定都是经典规定，大家都须要恪守。这不像airbnb，规定限度十分多。

如果你不晓得eslint:recommended是什么意思，也不晓得airbnb是什么意思，倡议你尝试装置eslint并依照教程初始化一下，你就见到这两个名词了，是业界通用的eslint规定模板。

如果你的我的项目没有配置eslint，强烈建议接入ESLint，能极大升高代码出错率，升高前端开发者心智累赘。

对于用void 0代替undefined

大可不必这么做。

在过来，很多前端开发者这么做，有2个起因：

  • void 0是兼容性最好的示意undefined的写法。
  • void 0字符串长度是5，比undefined短，占用体积更小。

然而古代前端开发，咱们有了Webpack，能够借助它，对代码做一次“打包构建”，过程中能够应用各种Plugin，比方Babel对代码进行转译、terser对代码进行压缩混同。

对代码构建，其中很重要的目标就是：

  • 保障代码兼容性，在低版本浏览器中也能运行。
  • 保障代码体积足够小，例如通过uglify把代码变量名尽可能压缩、删除多余空白符等。

很多常见的Webpack配置，根本都会把undefined压缩为void 0。

比方，我用create-react-app这个React脚手架，用它默认的Webpack配置，打包代码，代码中的undefined曾经被压缩为void 0了。

既然有了工具转译，那么，前端开发最重要的事件就是：保障代码可读性。

显然，古代前端开发，undefined是大家公认的写法，毕竟有些人还不晓得void 0。在团队合作我的项目中，只倡议写undefined而不是void 0。

对于if (value)的坑

那篇文章评论区有人说，能够用if (value)来判断。我也想揭示下：你要思考分明，你代码逻辑value是null、是0、是''、是false这些状况，是否跟undefined后续逻辑保持一致。有时候是能够的，有时候是不行的。

所以有时候能够这么写if (value)，有时候不得不写if (value === undefined)。

另一个对于JSON.stringify中undefined的坑

console.log(JSON.stringify({a: 123, b: undefined}));

运行上述代码，JSON.stringify会把所有值是undefined的key删掉。所以序列化后果是{"a":123}这个字符串。

console.log(JSON.stringify({a: 123, b: null}));

运行上述代码，JSON.stringify的后果是{"a":123,"b":null}这个字符串。

发Http申请的时候很有用。因为不论是axios还是别的申请库，都会用JSON.stringify对你的Object数据进行序列化，再放进body中。前端开发务必留神辨别undefined和null的区别。

写在最初

我是HullQin，公众号线下团聚游戏的作者（欢送关注公众号，发送加微信，交个敌人），转发本文前需取得作者HullQin受权。我独立开发了《联机桌游合集》，是个网页，能够很不便的跟敌人联机玩斗地主、五子棋等游戏，不免费没广告。还开发了《Dice Crush》加入Game Jam 2022。喜爱能够关注我 HullQin 噢～我有空了会分享做游戏的相干技术。