做小程序 需要用到ES6 語法，顧做個總結
有些東西可能不全，暫時就總結了這些。以后待補充把

1.變量

let 局部變量
const 常量
var 全局變量

2.字符串的拓展

let str = "123" str.includes("1")//true includes方法 是否包含 str.startsWith("2")//false 是否以2開頭 str.endsWith("2")//false 是否以2結尾

3.解構表達式

//數組解構 let arr = [1,2,3] const [x,y,z] = arr;// x,y,z對應 1，2，3 //對象解構 const person = {name:"jack",age:21,language:['java','php'], } let {name,age,language} = person //自定義命名 let {name：n,age:a,language} = person

4.函數的優化

//參數上面的優化=1，指當b沒有值時默認為1 function test(a,b=1){ console.log(a+b) }

5.箭頭函數

//Demo1 單個參數 var demo1= fucntion demo1(obj){ console.log(obj) } 箭頭函數簡化為： var demo1= obj =>console.log(obj);//Demo2 兩個參數 var sum =function(a,b){console.log(a+n) } 箭頭函數簡化為： var sum = (a,b)=>console.log(obj);//Demo3 沒有參數 let sayHello = ()=>console.log("hello!");//Demo4 代碼不止一行 使用 {} var sum = （a,b）=>{console.log(a+n);console.log(a+n) }//Demo5 對象的函數簡寫 let person ={name：“jeck”;//原來eat:function(food){console.log(this.name +food)}//箭頭函數eat2:food=>console.log(this.name +food)//簡寫版eat3(food){console.log(this.name +food)} } //Demo6：箭頭函數配合解構表達式 let person ={name：“jeck”;eat2:food=>console.log(this.name +food) } function test1(person){console.log(person.name); } //簡化調用函數 使用{}傳參數，傳入對象 var test1=({name})=>console.log(name); test1(person );

6.map和reduce函數

map 讓原來的集合經過map中的函數 進行處理回調

let arr = ['1','2','3']; arr.map(s=>parseInt(s))//字符串轉化為內證書 //reduce() 接收一個函數和一個初始值 第一個參數時上一次reduce的處理結果 第二個參數是數組中要處理的下一個元素 const arr = [1,20,30,40] arr.reduce((a,b)=>a+b)

7.拓展運算符（三個點…）

將一個數組轉為用逗號分隔的參數序列

function add(a,b){ return a+b; } var number = [1,2];//數組合并 var arrs=[...[1,2,3],...[4,5,6]];//[1,2,3,4,5,6] //將字符串轉為數組 console.log([...'hello'])//['h','e','l','l','o']

8.promise

函數格式

const promise = new promise(function(resolve,reject){//操作//if(success){resolve(value);//成功}else{reject(error)//失敗} }) //執行完了在執行一些東西的話 promise.then(function(value){//異步回調 }).catch(function(error){//異常回調 })

9.set和map

set 只能保存不同元素，相同的元素會被忽略
map對象

let set = new set(); let set = new set([2,3,4,5]); //map接受一個數組，數組中的元素時鍵值對 let map = new map([ ['key','value'], ['key1','value1'], ])

10.for.of循環

for(let obj of h){console.log(obj) }

11.模塊化export import

export 導出命令

calss Util{sum=(a,b)=>a+b; } export default Util

import加載

import Util from './Util'

總結

以上是生活随笔為你收集整理的ES6语法大全 export，import，for.of循环，promise等等的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。