ES6语法大全 export,import,for.of循环,promise等等
生活随笔
收集整理的這篇文章主要介紹了
ES6语法大全 export,import,for.of循环,promise等等
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
做小程序 需要用到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} = person4.函數的優化
//參數上面的優化=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對象
10.for.of循環
for(let obj of h){console.log(obj) }11.模塊化export import
export 導出命令
calss Util{sum=(a,b)=>a+b; } export default Utilimport加載
import Util from './Util'總結
以上是生活随笔為你收集整理的ES6语法大全 export,import,for.of循环,promise等等的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 最新 springBoot整合shiro
- 下一篇: mybatis resultMap 的日