ES11常用特性

最新推荐文章于 2024-08-04 00:00:00 发布

涳涳嘚慌

最新推荐文章于 2024-08-04 00:00:00 发布

阅读量328

点赞数

分类专栏： JavaScript 文章标签： js javascript 前端

本文链接：https://blog.csdn.net/oschina_41767564/article/details/107866543

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

文章目录

import

// 动态引入模块
function fun() {
  import('https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js')
    .then((module) => {
      console.log(module)
    })
}
fun()

BigInt

// 任意精度的整数
BigInt(Number.MAX_SAFE_INTEGER) + 10n -10n

Promise.allSettled

// 选择多个文件异步加载
Promise.allSettled([  
  fetch("https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js").then(data => data.json()),
  fetch("https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js").then(data => data.json())
])
  .then(result => console.log(`All profile settled`))

可选链

const data = { article: '3322' }
const data2 = { article: { title: '1' }}
//等同const title = data && data.article
const title = data?.article
//等同 const title2 = data2 && data2.article && data2.article.title
const title2 = data2?.article?.title

空值合并运算符

"" || "default value"
// default value
"" ?? "default value"
// ""

const data = { article: '3322' }
const data2 = { article: { title: '1' }}
const title = data?.article?.title ?? "What's new in ECMAScript 2020"
const title2 = data2?.article?.title ?? "What's new in ECMAScript 2020 222"