JS语法糖总结----JS语法糖⼤全----⼀直更新
⼀:关于语法糖和语法盐的概念
⼆.JS的语法糖
ES6疯狂给JS,添加语法糖,最常见的ES6语法糖有以下多个(不停更新)
总结如下:
###对象字⾯量的简写属性和计算的属性名不可同时使⽤,原因是简写属性是⼀种在编译阶段的就会⽣效的语法糖,⽽计算的属性名则在运⾏时才⽣效;
主要是针对对象的⼀些简写
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.如何快速清空⼀个数组或者对象?
javascript高级语法 通过重新复制。直接让arry=[], 直接让obj={}
6. vue中,click事件的,三⽬运算表达。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论