文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

关于Javascript中值得学习的特性总结

2023-05-19 08:17

关注

可选链操作符(Optional Chaining Operator)

可选链操作符允许我们在一个对象的属性值为空或未定义时,直接返回undefined,而不会抛出“Cannot read property 'xxx' of undefined”等错误。这样的好处是可以简化代码,避免繁琐的判断逻辑。例如:

const person = {
  name: 'Tom',
  age: 18,
  address: {
    city: 'Shanghai'
  }
};

// 普通写法
if (person && person.address && person.address.city) {
  console.log(person.address.city);
} else {
  console.log('unknown');
}

// 可选链写法
console.log(person?.address?.city ?? 'unknown');

在上述代码中,我们使用了可选链操作符(?)和nullish合并运算符(??),将原本需要多次判断的代码缩减到了一行。如果person、address或city不存在,则会直接返回undefined或'unknown'。

空值合并运算符(Nullish Coalescing Operator)

空值合并运算符允许我们在变量为空或undefined时,直接返回默认值。与传统的||操作符不同,它只会在变量为null或undefined时返回默认值,而不是在变量为0、空字符串或false时也返回默认值。例如:

const name = '';

// 普通写法
const username = name || 'unknown';

// 空值合并写法
const username = name ?? 'unknown';

在上述代码中,我们使用了空值合并运算符(??)将原本需要繁琐判断的代码简化到了一行,如果name为空或undefined,则会返回'unknown'。

Promise.allSettled()

Promise.allSettled()方法可以接收一个由Promise对象组成的数组,等待所有Promise对象都执行完成后,返回一个包含所有Promise对象的状态信息(fulfilled/rejected)和结果值(value/reason)的数组。与Promise.all()不同的是,即使其中某个Promise被reject,Promise.allSettled()仍然会等待其他Promise对象执行完毕后再返回结果。例如:

const promises = [
  Promise.resolve(1),
  Promise.reject(new Error('fail')),
  Promise.resolve(3)
];

Promise.allSettled(promises).then(results => {
  results.forEach(result => {
    console.log(result.status, result.value);
  });
});

在上述代码中,我们使用了Promise.allSettled()方法获取了所有Promise对象的状态信息和结果值,并使用forEach遍历输出了它们的状态(fulfilled/rejected)和结果值(value/reason)。

BigInt类型

BigInt类型是ES2020新引入的一种数据类型,用于表示任意精度的整数。相较于Number类型,它能够处理更大的整数,避免了溢出和精度丢失的问题。例如:

const x = BigInt(Number.MAX_SAFE_INTEGER);
const y = BigInt('9007199254740993');
const z = x + y;

console.log(z); // 9007199254740994n

在上述代码中,我们使用了BigInt类型来表示较大的整数,并通过+运算符对它们进行了加法计算。

以上就是关于Javascript中值得学习的特性总结的详细内容,更多关于Javascript特性的资料请关注编程网其它相关文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯