ES6語法糖集錦
阿新 • • 發佈:2017-12-12
不能 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語法糖集錦