前言:当前进阶进度
看一下进阶时间线:
看到梦想之前,我只想到了无限长的距离……
首先解释一下这张时间线,它的起点就是入门完成,所以自然会从印象最深的概念开始入手——即异步这里。所以较复杂的知识已经在之前搞完了,现在就是比较简单的了。
本文将简单的介绍一下Promise
以及promisify
的方法,不涉及底层源码细则,最多从**Promise A+**规范角度进行解读。
Yoshi, 开始吧。
回调地狱
在认识Promise
之前,有必要知道什么是 回调地狱(Callback Hell),它还有一个显得很霸气却极为令所有JS开发者感到无比厌烦的名字—— 厄运金字塔(Pyramid of doom)。之所以先了解这些,这是因为Promise
本来就是为了避免在多重异步操作时产生深层次的嵌套回调提出的一种新型异步解决方案。
老样子,来个栗子
function load(src,cb){
let es = document.createElement('script')
es.src = src
document.body.append(es)
es.onload=()=>{
cb()}
es.onerror=()=>{
cb(new Error('failed to load '+src )) }
}
load('./t1.js', err=>{
if(err===undefined) {
f1(); // t1内部的函数
} else {
console.log(err.message);
}
})
上面的代码是很很常见的需求,随便添加一个js
,然后执行里面的内容。
但是也会需要加载多个脚本,同时执行一些函数:
load('./t1.js', err=>{
if(err===undefined) {
f1(); // t1内部的函数
load('./t2.js', err