Aiden's blog Aiden's blog
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • JavaScript教程
    • JavaScript高级程序设计
    • ES6 教程
    • Vue
    • Vue3.0
    • React
    • TypeScript 从零实现 axios
    • Git
    • TypeScript
    • JS设计模式总结
    • 小程序
    • 小程序云开发
    • Echarts
    • 微前端
    • H5
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 搜索引擎
  • ES系列
  • 经典面试题
  • 知识点总结
  • uni-app
  • 算法
  • Vue3实战
  • 小程序chatgpt
  • 小程序配网流程
  • 程序WIFI配网
  • 小程序WebSocket
  • H5 WebSocket
  • H5 TTS
  • Vue3实现OSS存储
  • 大文件分片上传
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Aiden Wu

前端界的小学生
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • JavaScript教程
    • JavaScript高级程序设计
    • ES6 教程
    • Vue
    • Vue3.0
    • React
    • TypeScript 从零实现 axios
    • Git
    • TypeScript
    • JS设计模式总结
    • 小程序
    • 小程序云开发
    • Echarts
    • 微前端
    • H5
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 搜索引擎
  • ES系列
  • 经典面试题
  • 知识点总结
  • uni-app
  • 算法
  • Vue3实战
  • 小程序chatgpt
  • 小程序配网流程
  • 程序WIFI配网
  • 小程序WebSocket
  • H5 WebSocket
  • H5 TTS
  • Vue3实现OSS存储
  • 大文件分片上传
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 技术文档

  • GitHub技巧

  • Nodejs

  • 博客搭建

  • 搜索引擎

  • ES系列

    • ES6
    • ES7
    • ES8
    • ES9
    • ES10
    • ES11
      • 私有属性
      • promise.allSettled
      • string.prototype.matchAll
      • 可选链操作符
      • 动态import
      • BigInt
      • globalThis
      • ??
    • ES12
  • 经典面试题

  • 知识点总结

  • uni-app

  • 算法

  • Vue3实战

  • 小程序chatgpt

  • 小程序WIFI配网

  • 小程序配网流程

  • 小程序WebSocket

  • H5 WebSocket

  • H5 TTS

  • Vue3实现OSS存储

  • 大文件分片上传

  • 技术
  • ES系列
wushengxin
2021-09-30
目录

ES11

# ES11

# 私有属性

只能class类访问

image-20210808141152590

# promise.allSettled

  • Promise.allSettled([p1,p2]):接收一个promise数组
  • promise.all区别,按数组的排列顺序依次执行,与定时器无关
    • promise.all有一个失败,则返回一个失败的promise,并返回一个失败的promise的值
    • promise.allSettled永远返回一个成功的promise,有一个失败也返回成功,并得到每个promise的返回值

# string.prototype.matchAll

  • 有next:可以迭代,为for of消费
  • 可以用扩展运算符展开
const reg = /<li>.*?<a>(.*?)<\/a>.*?<p>(.*?)<\/p>/gs
const result = str.matchAll(reg)
for(let v of result){
  console.log(v)
}
const arr = [...result]
1
2
3
4
5
6

# 可选链操作符

?.形式判断有无该数据

//const dbHost = config && config.db && config.db.host
//等同于下面
const dbHost = config?.db?.host
1
2
3

# 动态import

  • 按需加载模块

  • 返回的是一个promise对象

import('./hello.js').then(res => {
  res.hello()
})
1
2
3

# BigInt

  • 用于大数值运算
let n = 512n //BigInt类型
let max = Number.MAX_SAFE_INTEGER

console.log(BigInt(max)+BigInt(1)+BigInt(2))
1
2
3
4

# globalThis

  • 始终指向全局对象的(浏览器和Node)
  • console.log(globalThis)

# ??

请看以下代码,咱们使用||运算符,只要左边是假值,就会返回右边的数据

const a = 0 || '林三心' // 林三心
const b = '' || '林三心' // 林三心
const c = false || '林三心' // 林三心
const d = undefined || '林三心' // 林三心
const e = null || '林三心' // 林三心
复制代码
1
2
3
4
5
6

而??和||最大的区别是,在??这,只有undefined和null才算假值

const a = 0 ?? '林三心' // 0
const b = '' ?? '林三心' // ''
const c = false ?? '林三心' // false
const d = undefined ?? '林三心' // 林三心
const e = null ?? '林三心' // 林三心
1
2
3
4
5
编辑 (opens new window)
上次更新: 2021/12/06, 21:28:32
ES10
ES12

← ES10 ES12→

最近更新
01
大文件分片上传
08-05
02
Vue3实现OSS存储
08-05
03
H5 TTS
08-05
更多文章>
Theme by Vdoing | Copyright © 2019-2025 Aiden Wu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×