es6知识总结模块承诺加载

模块

ES6 的模块化分为导出（export） @与导入（import）两个模块。

var name='mumu';
function fun(){console.log('拟好')
}
class Cat{constructor(name){this.name=name;}
}
export{name,fun}
export default Cat;

import * as obj from './..js'
import Cat,{fun,name] from './..js'
alert(obj.name)
obj.fun()

承诺 promise

当满足一半是完成承诺

var n=new Promise((resolve,reject)=>{var i=Math.radom();
if(i>0.5){//满足条件执行承诺resolve('兑现承诺')
}else{reject('不兑现承诺')
}
})
n                   //执行承诺
.then(function(res){console.log(res)//执行兑现承诺
})
.catch(function(err){//执行成功承诺console.log(err)
})

回调承诺

// 小虎看见一个漂亮小小姐姐
// 3 秒中后他鼓起勇气对着小姐姐说你好能加你一个微信吗？
// 5 秒后对小姐姐说我非常喜欢你
// 2 秒后对小姐姐寿，邀请你100年后葬在我们家祖坟里

function fu(str,time){return new Promise((resolve,reject)=>{setTimeout(()=>{resolve(str)},time)})
}
fu('你好能加你一个微信吗？',3000)
.then((res)=>{console.log(res);return fu('我非常喜欢你？',5000)}).then(res=>{console.log(res);return fu('邀请你100年后 葬在我们家祖坟里',2000)}).then(res=>{console.log(res);
})

承诺ajax

var urlA = “https://apis.map.qq.com/ws/location/v1/ip?key=CAABZ-AVSAQ-RDR5L-GTBDJ-HLA4O-A5FDB&output=jsonp&_=1593478015329”;
var urlB = “https://wis.qq.com/weather/common?weather_type=observe|forecast_24h|air&source=pc”;

$(function(){function getApl(url){return new Promise((resolve,reject)=>{$.ajax({url:url,dataType:"jsonp",success:function(res){resolve(res);//成功},errpr:function(err){resolve(err);//失败},})})}var urlA = "https://apis.map.qq.com/ws/location/v1/ip?key=CAABZ-AVSAQ-RDR5L-GTBDJ-HLA4O-A5FDB&output=jsonp&_=1593478015329";
var urlB = "https://wis.qq.com/weather/common?weather_type=observe|forecast_24h|air&source=pc";getApl(urlA).then(add=>{// 获取地址console.log(add);var info = add.result.ad_info;//具体的地址信息$(".add").text(info.city);return getApi(urlB+`&province=${info.province}&city=${info.city}`)}).then(data=>{// 获取天气console.log(data);$(".weather").text(data.data.observe.weather)$(".temp").text(data.data.observe.degree)$(".img").attr("src",`https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/weather/${data.data.observe.weather_code}.svg`)}).catch(err=>{// 失败console.error(err);})
})

承诺图片加载

var arr = ["https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c0c05274f2fbb55fbccb89622f798907.jpg?w=632&h=340","https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b746a4db2e0473cc076a3a4b9bbe0235.jpg?w=632&h=340","https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/816a66edef10673b4768128b41804cae.jpg?w=632&h=340"]function loadImg(url){return new Promise((resolve,reject)=>{var img = document.createElement("img");img.src = url;img.width = 200;img.onload = function(){resolve(img);}img.onerror=function(e){reject(e)}})}Promise.race([loadImg(arr[0]),loadImg(arr[1]),loadImg(arr[2])        ]).then(res=>{document.body.append(res)}).catch(err=>console.error(err))

es6知识总结模块承诺加载相关推荐

【ES6】阮一峰ES6学习之Module的加载实现
Module的加载实现 1. 浏览器加载传统方法加载规则 ES6 模块与 CommonJS 模块的差异 1. CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用. 2. Co ...
linux优化网页加载过程,【zz】Linux起步过程中硬件模块的加载
[zz]Linux起步过程中硬件模块的加载 [zz]Linux起步过程中硬件模块的加载日期:2014-05-16 浏览次数:20354 次 [zz]Linux启动过程中硬件模块的加载文章来源不详. ...
模块加载及第三方包：Node.js模块化开发、系统模块、第三方模块、package.json文件、Node.js中模块的加载机制、开发环境与生产环境、cookie与session
1.Node.js模块化开发 1.1 JavaScript开发弊端 JavaScript 在使用时存在两大问题,文件依赖和命名冲突. 1.2 软件中的模块化开发一个功能就是一个模块,多个模块可以组成 ...
centos6.8防火墙模块未加载
使用阿里云服务器下的centos6.8系统,开启或关系或查询防火墙的状态时,提示防火墙模块未加载. 解决办法: modprobe ip_tables #加载ip_tables模块 modprobe i ...
计算机进管理提示找不到入口,win10系统开机提示xxxdll模块已加载但找不到入口点的教程...
有关win10系统开机提示xxxdll模块已加载但找不到入口点的操作方法想必大家有所耳闻.但是能够对win10系统开机提示xxxdll模块已加载但找不到入口点进行实际操作的人却不多.其实解决win10 ...
dll侧加载_win7系统开机提示xxxdll模块已加载但找不到入口点的解决方法
很多小伙伴都遇到过win7系统开机提示xxxdll模块已加载但找不到入口点的困惑吧,一些朋友看过网上零散的win7系统开机提示xxxdll模块已加载但找不到入口点的处理方法,并没有完完全全明白win7 ...
res_config_mysql和chan_sip模块的加载分析
1. res_config_mysql的模块加载早于chan_sip,他们的加载函数均为load_module 先分析res_config_mysql的load_module函数 parse_conf ...
osgi框架 android,基于OSGi的Android应用模块动态加载框架设计与实现
摘要: 伴随着移动互联网科技水平向4G的飞跃,移动终端的使用日趋常态化,移动智能设备的普及率越来越高,得到了大量使用者的追捧.与此同时,各手机操作系统下应用商店里正充斥着琳琅满目的移动应用产品,用户对 ...
(16) Node.js 模块的加载逻辑
一.按照组织方式划分模块文件模块:是我们上一章节说过的,就是一个独立的.js文件. 目录模块:是我们可以将多个独立的.js文件统一存放在一个目录下,也就是放到一个文件夹中. 二.目录模块的加载逻辑 ...

es6知识总结模块承诺加载

模块

ES6 的模块化分为导出（export） @与导入（import）两个模块。

承诺 promise

回调承诺

承诺ajax

承诺图片加载

es6知识总结模块承诺加载相关推荐

最新文章

热门文章

es6知识总结 模块 承诺加载

模块

ES6 的模块化分为导出（export） @与导入（import）两个模块。

承诺 promise

回调承诺

承诺ajax

承诺 图片加载

es6知识总结 模块 承诺加载相关推荐

最新文章

热门文章

es6知识总结模块承诺加载

承诺图片加载

es6知识总结模块承诺加载相关推荐