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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM