JS语法糖总结----JS语法糖大全----一直更新

一：关于语法糖和语法盐的概念

二.JS的语法糖

 ES6疯狂给JS,添加语法糖，最常见的ES6语法糖有以下多个（不停更新）

参考链接：https://segmentfault.com/a/1190000010159725

总结如下：

###对象字面量的简写属性和计算的属性名不可同时使用，原因是简写属性是一种在编译阶段的就会生效的语法糖，而计算的属性名则在运行时才生效；
       主要是针对对象的一些简写

　　　　1。K和V，重名时，可以简写，为一个，这个简写的。

　　　　2.使用[XXX]来表示动态的属性。）

###箭头函数本身已经很简洁，但是还可以进一步简写；
　　主要是箭头函数的细分和简化。

　　1.按参数的个数，0参，1参，N参等等，可以对小括号进行相应的省略或不省略。

　　2.按语句个数，对大括号，进行省略或者不省略。

###解构也许确实可以理解为变量声明的一种语法糖，当涉及到多层解构时，其使用非常灵活；

　　结构赋值，针对数组和对象，快速赋值。

　　基于快速赋值，还能达到其他的快速目的。

###学会模板字符串的高级用法--标记模板字符串；

　　使用反引号，包裹字符串，加上${XXX}，减少字符串拼接时的混乱

###let,const声明的变量同样存在变量提升，理解TDZ机制

　　这两个是最基础的。

###SET，map，symbol

 

三：ES6之前，也有一些语法糖

　　1.对数据类型（现在是9种类型了，3+6）进行转化的时候。主要是数字和字符串的互转。

　　　　a-0或者a*1，把a转成数字

　　　　a+""，把a转成字符串

　　2.表达式中使用或且（好些没人使用！）。--叫短路表达式，懒惰表达式等等，我建议叫表达式的语法糖。　

　　　　逻辑赋值。a=b&&c，a=b||c

　　3.三目运算，这个本身，就是挺快的。使用它来代替ifelse，很香

 -------------------------------------------------------------------------------------------以上是2020年3月26日，增加，博主会持续新增

　　4.flag=!flag  （交替变化的时候，可以使用这个，让flag的true和flase值，来回切换）

　　5.如何快速清空一个数组或者对象？

　　　　通过重新复制。直接让arry=[], 直接让obj={}

　　6.  vue中，click事件的，三目运算表达。