首页 > > 网页制作 > Javascript >

ES6简单初识

2019-05-10 05:59:50来源：博客园阅读 ()

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


  })
};