1. 程式人生 > >ES6語法糖集錦

ES6語法糖集錦

不能 asc 刪除 col 合並 item style 插件 .get

sublime3安裝Es6插件
javascriptNext,然後安裝即可
Java?Script?Next - ES6 Syntax()高亮插件
-----------------------------------------------------------------
let、const命令 與var聲明
let塊級作用域
let不允許在代碼塊內重復聲明一個變量
function aa(){
 let a=3
  {
    let a=5 //子作用域
  }
}
使用var聲明的變量,其作用域為該語句所在的函數內,且存在變量提升現象;
使用let聲明的變量,其作用域為該語句所在的代碼塊內,不存在變量提升;
使用const聲明的是常量,在後面出現的代碼中不能再修改該常量的值。
----------------------------------------------------------------- 數組結構: let [a,b,c,d] = ["aa","bb","23","44"] 對象解構 函數參數解構 ----------------------------------------------------------------- Symbol(值類型數據,唯一的) let a = 3 let b = 3 alert(a=b) //true ------------------- let a = Symbol(3) let b = Symbol(3) alert(a
=b)//false ----------------------------------------------------------------- Set var set = new Set([1,2,3,4,5,2,8,4])//自動合並了重復值 for(var key in set){ console.log(key) //1,2,3,4,5,8 } --------------------------------- let arr = [1,2,3,4,2,86,4] arr.map(function(item){ set add(elem) //添加元素 }) map---->Es5語法
----------------------------------------------------------------- WeakSet(與Set類似唯一區別就是成員只能是對象) var weakset = new WeakSet(); ----------------------------------------------------------------- Map遍歷 鍵可以是各種類型 let obj1 = {}; let obj2 = {}; let obj = new Object(); obj[obj1] = 33; obj[obj2] = 66; for(let key in obj){ console.log(key) //只循環出一個object } --------------------------------------- var mapData = new Map(); var obj1 = {}; var obj2 = {}; mapData.set(obj1,"22") //添加新元素 mapData.set(obj2,"22") //添加新元素 console.log(mapData.get("obj1")) //獲取鍵 console.log(mapData.has("obj1")) //判斷是否含有鍵 console.log(mapData.delete("obj1")) //刪除鍵 mapData.clear() //清空

ES6語法糖集錦