ES6简单初识

ES常用命令介绍

函数的Rest参数和扩展

Promise使用

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");

}

})

};