标签：处理 end listen 函数 能力 根据 turn log 方式
1、主要用于异步计算（异步操作）
2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果
3、可以在对象之间传递和操作promise，可以帮助我们处理队列
document.getElementById(‘#start‘).addEventListener(‘click‘, start, false); function start() { // 响应事件，进行相应的操作 } // jquery on 监听 $(‘#start‘).on(‘click‘, start)
// 比较常见的有ajax $.ajax(‘http://www.wyunfei.com/‘, { success (res) { // 这里可以监听res返回的数据做回调逻辑的处理 } }) // 或者在页面加载完毕后回调 $(function() { // 页面结构加载完成，做回调逻辑处理 })
new Promise( function (resolve, reject) { // 一段耗时的异步操作 resolve(‘成功‘) // 数据处理完成 // reject(‘失败‘) // 数据处理出错 } ).then( (res) => {console.log(res)}, // 成功 (err) => {console.log(err)} // 失败 )
new Promise(resolve => { setTimeout(() => { resolve(‘hello‘) }, 2000) }).then(res => { console.log(res) })
new Promise(resolve => { setTimeout(() => { resolve(‘hello‘) }, 2000) }).then(val => { console.log(val) // 参数val = ‘hello‘ return new Promise(resolve => { setTimeout(() => { resolve(‘world‘) }, 2000) }) }).then(val => { console.log(val) // 参数val = ‘world‘ })
let pro = new Promise(resolve => { setTimeout(() => { resolve(‘hello world‘) }, 2000) }) setTimeout(() => { pro.then(value => { console.log(value) // hello world }) }, 2000)
结论：promise作为队列最为重要的特性，我们在任何一个地方生成了一个promise队列之后，我们可以把他作为一个变量传递到其他地方。
1、接收两个函数作为参数，分别代表fulfilled（成功）和rejected（失败）
2、.then()返回一个新的Promise实例，所以它可以链式调用
3、当前面的Promise状态改变时，.then()根据其最终状态，选择特定的状态响应函数执行
4、状态响应函数可以返回新的promise，或其他值，不返回值也可以我们可以认为它返回了一个null；
5、如果返回新的promise，那么下一级.then()会在新的promise状态改变之后执行
6、如果返回其他任何值，则会立即执行下一级.then()
1、因为.then()返回的还是Promise实例
2、会等里面的then()执行完，再执行外面的
Promise.all([p1, p2, p3])用于将多个promise实例，包装成一个新的Promise实例，返回的实例就是普通的promise
它接收一个数组作为参数
数组里可以是Promise对象，也可以是别的值，只有Promise会等待状态改变
当所有的子Promise都完成，该Promise完成，返回值是全部值得数组
有任何一个失败，该Promise失败，返回值是第一个失败的子Promise结果
//切菜 function cutUp(){ console.log(‘开始切菜。‘); var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log(‘切菜完毕！‘); resolve(‘切好的菜‘); }, 1000); }); return p; } //烧水 function boil(){ console.log(‘开始烧水。‘); var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log(‘烧水完毕！‘); resolve(‘烧好的水‘); }, 1000); }); return p; } Promise.all([cutUp(), boil()]) .then((result) => { console.log(‘准备工作完毕‘); console.log(result); })
常见用法：
异步操作和定时器放在一起，，如果定时器先触发，就认为超时，告知用户；
例如我们要从远程的服务家在资源如果5000ms还没有加载过来我们就告知用户加载失败
现实中的用法
回调包装成Promise，他有两个显而易见的好处：
1、可读性好
2、返回 的结果可以加入任何Promise队列
标签：处理 end listen 函数 能力 根据 turn log 方式
原文地址：https://www.cnblogs.com/aixue/p/13206788.html
