ES6語法大全

作小程序 須要用到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'],

function(){ //外匯返傭 www.fx61.com

['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'