zoukankan      html  css  js  c++  java
  • 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事件的,三目运算表达。

  • 相关阅读:
    asp.net mvc 从数据库中读取图片
    给折腾ramdisk的朋友们一点建议
    docker安装Jenkins和构建python容器
    docker笔记
    接口加密方式
    Dockerfile常用命令
    北斗七星小队团队展示
    固件程序设计实验内容1.4
    Myod实验 20181328祝维卿
    电子公文系统团队作业(四):描述设计
  • 原文地址:https://www.cnblogs.com/cn-oldboy/p/12574204.html
Copyright © 2011-2022 走看看