ES6简单初识

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

新老客户大回馈,云服务器低至5折

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


})
};

原文链接:https://www.cnblogs.com/dwvfw855/p/10836510.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:D3.js(v3)+react 制作 一个带坐标与比例尺的柱形图 (V3版本)

下一篇:D3.js(v3)+react 制作 一个带坐标与比例尺的散点图 (V3版本)