ES6 语法糖

1. ...

... 表示取出可遍历数组中的内容。

const arr = new Array()
const numbers = [1,2,3,4,5]
arr.push(...numbers)// arr内容：1 2 3 4 5,即将numbers的内容挨个取出然后push到arr中

据说，ES7中可以拿来遍历对象

2. ??

?? 是空值合并操作符，按照第一个取值，如果第一个是空的，就取第二个。

const str
const content = str ?? "str 内容为空" // 相当于 const content = str? str : "str 内容为空"

注意：只对 null 和 undefined 敏感

3. ?.

?.是可选链操作符，功能等同于.但是不会在引用为null或undefined时报错。当需要做判定时很有用，少写很啰嗦的代码，还很自然

class Media{
    constructor(fileName, content, duration){
        this.fileName = fileName
        this.content = content
        this.duration = duration
    }
}

const media
const fileName = media.?fileName // 相当于 const fileName = media? media.fileName : undefined

参考

1. https://www.cnblogs.com/zhigu/p/13962661.html
2. https://blog.csdn.net/yc__coder/article/details/120431174

To Be Continue!