慕课网前端项目：Vue2.0+Node.js+MongoDB全栈打造商城系统 笔记 整理【5/18】

第五章：

第5章			5-1 ES6简介.wmv
			5-2 ES6常用命令.wmv
			5-3 拓展参数讲解.wmv
			5-4 Promise讲解.wmv
			5-5 ES6模块化开发讲解.wmv
			5-6 AMD、CMD、CommonJS和ES6差异.mov

 

********

课程讲的太简略了。需要自己另外再学。

 

    
    



  ES6-2Demo演示

效果：

*****************

Promise.html

Promise.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");
    }


  })
};

let getUserInfo = ()=>{
  return new Promise((resolve,reject)=>{
    let userInfo = {
      userId:"101"
    }
    resolve(userInfo);
  });
}

checkLogin().then((res)=>{
  if(res.status==0){
    console.log("login success");
    return getUserInfo();
  }
}).catch((error)=>{
  console.log(`errrs:${error}`)
}).then((res2)=>{
  console.log(`userId:${res2.userId}`)
});

Promise.all([checkLogin(),getUserInfo()]).then(([res1,res2])=>{
  console.log(`result1:${res1.result},result2:${res2.userId}`)
})

效果：

 

******************************