ES常用命令介紹 函數的Rest參數和擴展 Promise使用 Module.exports和ES6 import/export的使用 promise使用 promise 為瞭解決callback嵌套,其實就是new一個promise對象 裡面有一個回調方法, 對應參數為正確和錯誤參數 邏輯判斷以後 ...
函數的Rest參數和擴展
Module.exports和ES6 import/export的使用
promise使用
promise 為瞭解決callback嵌套,其實就是new一個promise對象 裡面有一個回調方法, 對應參數為正確和錯誤參數
let checkLogin = function () { return new Promise(function (resolve,reject) { let flag = document.cookie.indexOf("userId")>-1?true:false;
if(flag=true){ resolve({ status:0, result:true }) }else{ reject("error"); }
}) };
邏輯判斷以後 輸出resolve參數對象, 錯誤處理則返回reject參數. (參數可以修改,都為形參)調用方式如下
checkLogin().then((res)=>{ if(res.status==0){ • console.log("login success"); } }).catch((error)=>{ console.log(`errrs:${error}`)
})
export,import ,export default 使用
ES6模塊主要有兩個功能:export和import export用於對外輸出本模塊(一個文件可以理解為一個模塊)變數的介面 import用於在一個模塊中載入另一個含有export介面的模塊。
示例
單個變數 導入
import { name } from "/.a.js"
單個變數 導出
export var name="李四";
如果導出多個變數寫法如下
var name1="李四"; var name2="張三"; export { name1 ,name2 }
導入多個變數寫法如下
import { name1 , name2 } from "/.a.js"
導出函數如下寫法
function add(x,y){ alert(x*y) } export { add }
導入函數如下
import { add } from "/.a.js"
let checkLogin = function () { return new Promise(function (resolve,reject) { let flag = document.cookie.indexOf("userId")>-1?true:false;
if(flag=true){ resolve({ status:0, result:true }) }else{ reject("error"); }
}) };