首页 > Web开发 > 详细

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

时间:2020-03-26 16:24:21      阅读:78      评论:0      收藏:0      [点我收藏+]

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

技术分享图片

二.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转成数字

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

  2.表达式中使用或且(好些没人使用!)。--叫短路表达式,懒惰表达式等等,我建议叫表达式的语法糖。 

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

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

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!