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事件的,三目运算表达。

原文地址:https://www.cnblogs.com/cn-oldboy/p/12574204.html