如何同時判斷 undefined 與 null ?

栏目: JavaScript · 发布时间: 5年前

内容简介:ECMAScript 5最中規中矩的寫法就是配合

undefinednull 是 ECMAScript 很特殊的存在,實務上我們常會同時判斷 undefinednull ,其實有更優雅的寫法。

Version

ECMAScript 5

||

const func = x => {
  if (x === undefined || x === null) return ('undefined or null');
};

console.log(func());
console.log(func(undefined));
console.log(func(null));

最中規中矩的寫法就是配合 || ,同時判斷 undefinednull

如何同時判斷 undefined 與 null ?

Falsy Value

const func = x => {
  if (!x) return ('undefined or null');
};

console.log(func());
console.log(func(undefined));
console.log(func(null));

由於 undefinednull 都是 Falsy Value,因此這種寫法也很常見。

不過這種寫法有個淺在的 bug,因為 false 0 與 empty string '' 也是 Falsy Value,所以可能誤判。

如何同時判斷 undefined 與 null ?

== null

const func = x => {
  if (x == null) return ('undefined or null');
};

console.log(func());
console.log(func(undefined));
console.log(func(null));

只要使用 == null 就可以同時判斷 undefinednull

注意是使用 == 的 lenient equality,並不是使用 === 的 strict equality。

這是為什麼呢 ?

因為在 ECMAScript 的 Spec 有這兩條規則:

如何同時判斷 undefined 與 null ?

如何同時判斷 undefined 與 null ?

既然如此,原本的 x === undefined || x === null 可以簡寫為 x == null

如何同時判斷 undefined 與 null ?

Q : 這種寫法會被 Lint 擋下來吧 ?

經過測試,ESLint / WebStorm / Airbnb 三大 Linter 都不會對 == null 寫法加以警告,很顯然這是一種默認的 patten,已被各大 Linter 接受。

Conclusion

  • 實務上不建議使用 == ,都會被各大 Linter 擋下來,但 == null 是個例外,藉由 ECMAScript Spec 強迫定義,我們可以更簡單的同時檢查 undefinednull

Reference

ECMAScript Language Specification , The Abstract Equality Comparison Algorithm


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Google 广告高阶优化(第3版)

Google 广告高阶优化(第3版)

【美】Brad Geddes(布兰德.盖兹) / 宫鑫、康宁、王娜 / 电子工业出版社 / 2015-9 / 99.00元

《Google 广告高阶优化(第3版)》可以说是Google AdWords的终极指南,内容非常丰富,第三版在内容上进行了全面更新。介绍了AdWords的最新最完整的功能,阐释其工作原理,也提供了相应的优化方法、策略和实践教程,读者可以随时在自己的PPC广告系列中进行实践。第三版增添了50多页新内容,涵盖Google系统最近的所有变动,包括广告系列结构的变化、出价调整器、重定向、视频广告功能、全新......一起来看看 《Google 广告高阶优化(第3版)》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器