ES6语法糖，超甜！

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时报错。当需要做判定时很有用，少写很啰嗦的代码，还很自然
为了保证兼容以前的代码，允许foo?.3:0被解析成foo ? .3 : 0，因此规定如果?.后面紧跟一个十进制数字，那么?.不再被看成是一个完整的运算符，而会按照三元运算符进行处理，也就是说，那个小数点会归属于后面的十进制数字，形成一个小数。

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
 
a?.b
// 等同于
a == null ? undefined : a.b
 
a?.[x]
// 等同于
a == null ? undefined : a[x]
 
a?.b()
// 等同于
a == null ? undefined : a.b() // 若a中存在b，但是b不是方法，会报错
 
a?.()
// 等同于
a == null ? undefined : a() // 若a不是方法，会报错

---

---

2023年1月13日 14点34分

4. **

**表示指数运算符，多个连用时注意右结合

2 ** 2 // 4，2的平方
 
2 ** 3 ** 4 // 指的是 2 ** （3 ** 4）

5. ||

|| 只要属性的值为null或undefined或 空字符串 或 false或0，默认值会生效。这个使用场景不是很多，现在已经被??替代（只要是null或者undefined）

const a = b || c // 相当于 if(!b || b === '' || b === 0) a = c

参考

1. https://www.cnblogs.com/zhigu/p/13962661.html
2. https://blog.csdn.net/yc__coder/article/details/120431174
3. https://es6.ruanyifeng.com/?search=链判断 （这个可以当参考书查）

To Be Continue!

__EOF__

本文作者：echo_lovely
本文链接：https://www.cnblogs.com/echo-lovely/p/17028422.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！