关于javascript:异步编程

39次阅读

共计 1735 个字符，预计需要花费 5 分钟才能阅读完成。

Javascript 工作执行模式，分同步执行（synchronous）和异步执行（asyncchronous）。
异步编程计划的基本是回调函数（调用者定义，交给执行者执行的函数就是回调函数）

Js 线程在某一刻发动了一个异步调用，代码持续向后执行其余工作，异步线程会独自执行异步工作，工作执行之后会将工作的回调放到音讯队列。Js 主线程在实现所有工作过后，会顺次执行音讯队列中的工作。

Promise 根本用法
用 promise 封装一个 ajax 办法

function ajax (url){return new Promise((resolve,reject)=>{let xhr = new XMLHttpRequest(); 
        xhr.open('GET',url); // 设置申请类型
        xhr.responseType = 'json'; // 申请实现后拿到一个 json 对象
        xhr.onload = function() {if(this.status === 200){resolve(this.response)
            }else{reject(new Error(this.statusText))
            }
        }
        xhr.send()})
}

测试代码

ajax('本地文件').then((res)=>{console.log(res);
},(err)=>{console.log(err)
})

promise 调用，防止进入回调天堂，借助于 then 办法，尽可能保障工作扁平化.
then 办法返回一个全新的 promise 对象，每一个 then 办法都是为上一个 then 办法返回的 promise 对象去增加状态明确过后的回调。then 办法会顺次执行，如果 then 办法返回的是一个一般值，将作为以后 then 办法返回的 promise 的值，下一个 then 办法参数就是，如果什么都不返回，就是undefinde。

总结来说
promise 对象的 then 办法返回一个全新的 promise 对象
前面的 then 办法就是在为上一个 then 返回的 promise 注册回调
后面 then 办法中回调函数的返回值会作为前面 then 办法回到的参数
如果回调中返回的是 promise，那前面 then 办法的回调会期待他的完结

reject中会捕捉 promise 执行中呈现的失败或者异样，然而举荐应用 catch 捕捉，不要漏过任何一个异样

promise 的静态方法
promise.resolve()
如果传入的是一个 Promise 对象，Promise.resolve 办法原样返回, 如果传入的是一个值，值做返回值返回。
如果传入的是带有一个跟 Promise 一样的 then 办法的对象，相当于实现了一个thenable 的接口
Promise.resolve 会将这个对象作为 Promise 执行

Promise.resolve({then: function (onFulfilled, onRejected) {onFulfilled('foo')
  }
})
.then(function (value) {console.log(value)
})

Promise.reject无论传入什么参数，都会作为这个 Promise 失败的理由

异步执行时序
这个问题波及到 js 事件循环，首先 js 事件分两种，宏工作和微工作
宏工作包含 setTimeout,script,setInterval,
微工作包含 promise 中的 then 办法，node.js 中的 process.nextTick
离开理解他们的特点：
setTimeOut 并不是间接的把你的回调函数放进上述的异步队列中去，而是在定时器的工夫到了之后，把回掉函数放到执行异步队列中去，它属于异步代码。队列有先进先出的特点，先排队的先执行，setTimeout 执行须要满足两个条件