Advertisement

你应该知道的最新 Javascript 功能

阅读量:

数字分隔符
人眼很难快速解析大型数字文字。

数字分隔符为用户提供了一种方法,在文本中的数值之间插入下划线符号,并显著提升了数值的可读性。

复制代码
    let value1 = 250000000;
    let value2 = 250_000_000; //same as value1 i.e 250000000

解析文件时,下划线将被自动删除。

空值合并
Nullish Coalescing Operator(??) 允许我们检查空值而不是假值。

复制代码
    let count1 = 0;
    let result1 = count1 ?? 1;
    console.log(result1); //output - 0
    
    let count2 = null;
    let result2 = count2 ?? 1;
    console.log(result2); // output - 1

如果需要对变量设置默认值,则nullish coalescing运算符(??)优于逻辑OR运算符(||)。

大整型
JavaScript 中可以存储的最大整数为 2^53-1

BigInt 甚至可以超越这个范围,它提供了一种表示大于 2^53-1 的整数的方法

BigInt 是由在整数文字末尾添加 n 的方式来实现的,在某些情况下也可以借助于特定功能或工具(如函数)来生成具有 BigInt 特性的数据类型。

复制代码
    const Bigint = 123456789012345678901234567890123456789n;
    const sameBigint = Bigint("123456789012345678901234567890n");
    const BigintfronNumber = Bigint(10); //same as 10n

可选链接运算符提供了一种方法来访问属性,在这些属性可能在某些情况下未定义或为空时不会触发错误。

它允许您访问嵌套对象属性,而不必担心该属性是否存在。

复制代码
    const user = {
          dog: {
          name: "chee"
         }
       };
    
    console.log(user.monkey?.name); //undefined 
    console.log(user.dog? .name); // chee

Promise instance of type Promise.[any] accepts an iterable which is a Promises object.

该 Promise 是唯一返回的结果,并且在可迭代体中任意一个 Promises 满足条件时就会立即解析,并包含兑现承诺的价值。

复制代码
    const promise1 = /*some*/;
    const promise2 = /*some*/;
    const promise3 = /*some*/;
    
    const promises = [promise1, promise2, promise3];
    
    promise.any(promises).then((value)=>console.log(value));

全部评论 (0)

还没有任何评论哟~