你可能错过的现代 JavaScript 特性

尽管我在过去 7 年中几乎每天都在写 JavaScript 代码，但不得不承认，我实际上并不是很注意 ES 语言的发布声明。 async/await 和 Proxies 之类的主要特性是一回事，但是每年都有稳定的小规模、渐进式的改进在不断涌现，因为总有一些东西需要学习。

所以在本文中，我收集了一些现代 JavaScript 特性，这些特性在首次发布时并没有带来太多的关注。其中一些只是编码质量的提高，而另外一些确实很方便，可以减少很多代码量。以下是你可能会错过的一些信息：

ES2015

二进制和八进制

在 JavaScript 中，二进制操作并不常见，但有时也会遇到，否则无法切实解决你的问题。你可能正在为低功耗设备编写高性能代码，将位压缩到本地存储中，在浏览器中进行像素 RGB 操作，或者必须处理紧密打包的二进制数据格式。

这可能意味着有很多工作需要对二进制数字进行处理，我一直觉得用十进制也能做这些事。好吧，ES6 为此添加了一个二进制数字格式：0b

const binaryZero = 0b0; 
const binaryOne  = 0b1; 
const binary255  = 0b11111111; 
const binaryLong = 0b111101011101101; 

这使得处理二进制标志非常容易：

// Pizza toppings 
const olives    = 0b0001; 
const ham       = 0b0010; 
const pineapple = 0b0100; 
const artechoke = 0b1000; 
 
const pizza_ham_pineapple = pineapple | ham; 
const pizza_four_seasons  = olives | ham | artechoke; 

对于八进制数也是如此。在 JS 世界中，这些领域有点小众，但在网络和某些文件格式中却很常见。现在你可以用语法 0o 处理八进制。

Number.isNaN()

不要与 window.isNaN() 混淆，这是一种有着更直观行为的新方法。

你会发现，经典的 isNaN 有一些有趣的怪癖：

isNaN(NaN)              === true 
isNaN(null)             === false 
isNaN(undefined)        === true 
isNaN({})               === true 
isNaN('0/0')            === true 
isNaN('hello')          === true 

是什么导致了这种结果?首先，这些参数实际上都不是 NaN。与以往一样，问题出在大家“最喜欢的” JavaScript 特性上：类型强制。通过 Number 函数将 window.isNaN 的参数强制为数字。

好吧，新的 Number.isNaN() 静态方法解决了所有问题。它会一劳永逸地返回你提供的自变量与 NaN 的相等性。这是绝对明确的：

Number.isNaN(NaN)       === true 
Number.isNaN(null)      === false 
Number.isNaN(undefined) === false 
Number.isNaN({})        === false 
Number.isNaN('0/0')     === false 
Number.isNaN('hello')   === false 

函数签名: Number.isNaN : (value: any) => boolean

ES2016

指数(幂)运算符

很高兴有一个字面量的语法来表示幂：

2**2 === 4 
3**2 === 9 
3**3 === 27 

(这很奇怪，因为我确信 JavaScript 已经有了这个 —— 我可能一直在考虑 Python)

Array.prototype.includes()

这个功能值得关注，如果你过去几年一直在写 array.indexOf(x)!== -1 这样的代码，那么现在可以用新的 includes 方法：

[1, 2, 3].includes(2)    === true 
[1, 2, 3].includes(true) === false 

includes 用 Same Value Zero Algorithm(几乎与严格等式 === 相同)进行检查，但它可以处理 NaN 值。像相等检查一样，它将通过引用而不是内容来比较对象：

const object1 = {}; 
const object2 = {}; 
 
const array = [object1, 78, NaN]; 
 
array.includes(object1) === true 
array.includes(object2) === false 
array.includes(NaN)     === true 

（编辑：辽源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!