Es6相對于 Es5 有很多便利的地方，如：

箭頭函數,我們就不必用that = this或 self = this 或 _this = this 或.bind(this) es6之前，定義默認參數的方法是在一個方法內部定義 Default Parameters（默認參數） Template Literals （模板文本） Multi-line Strings （多行字符串） Destructuring Assignment （解構賦值） Enhanced Object Literals （增強的對象文本） Promises Block-Scoped Constructs Let and Const（塊作用域構造Let and Const） Classes（類） Modules（模塊) 等等等等。。。。。。 復制代碼

包括我們可以再原來代碼的基礎上進行簡化操作:

Es5時我們寫一個函數體需要

var show=function(){return {a:12,b:88} } console.log(show()) 這樣子寫 復制代碼

但是在Es6時我們可以簡化到

let show=()=>({a:11,b:22}) console.log(show()) 復制代碼

可以省略函數體的花括號,不能省略對象的花括號

報錯-->當對象的花括號作為了函數體的花括號時,那么里面不能是一個一個的對象，如果需要返還的是一個整體的話,加個括號

以及新增的...

...是用來收集剩余測參數

js 要求...必須是最后一個

function show(a,b,...arr){console.log(a,b,...arr)console.log(arr) } show(1,3) 復制代碼

3個ajax 無邏輯存在all中

:有邏輯存在的場景,第二個ajak需要第一個ajax返回的結果

Promise.all([$.ajax({url:"1.json",dataType:"json"}),$.ajax({url:"2.json",dataType:"json"}),$.ajax({url:"3.json",dataType:"json"}) ]).then((arr)=>{let [data1,data2,data3]=arr;console.log(data1,data2,data3) }) l ajax:用戶數據 用戶狀態 2 ajax 普通用戶 普通用戶商品 3 ajax Vip用戶 加載VIp商品 復制代碼

async await

async 函數

在函數前標記關鍵字 這個一個async函數 作用標注里面含有異步操作

以同步方式寫代碼: async背后是一套編譯內容,執行異步操作,性能高

共同去請求數據 按順序賦值

async function show(){let data1=await $.ajax({url:"1.json",dataType:"json"}); let data2=await $.ajax({url:"2.json",dataType:"json"});let data3=await $.ajax({url:"3.json",dataType:"json"});console.log(data1,data2,data3) } show() 復制代碼

一層層增加 遇見一個wait增加一層回調

轉載于:https://juejin.im/post/5d019f4f6fb9a07ed440fab3

總結

以上是生活随笔為你收集整理的Es6插章(二)的全部內容，希望文章能夠幫你解決所遇到的問題。

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