Promise干嘛用
一个异步解决方案
例如 多个setTimeout()嵌套造成回调地狱
setTimeout(function() {
// do something…
setTimeout(function() {
// do something…
}, 1000)
}, 1000)
复制代码
可以用Promise解决
new Promise(function(resolve, reject){
setTimeout(function() {
// do something…
resolve(res)
}, 1000)
}).then(res => {
setTimeout(function() {
// do something…
return res
}, 1000)
}).then(res => {
setTimeout(function() {
// do something…
return res
}, 1000)
}).catch(err => {
console.log(err)
})
复制代码
Promise怎么用?
new Promise(function(resolve, reject){
resolve(res) // 进入.then()
reject(res) // 进入.catch()
}).then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
复制代码
Promise特点
Promise状态(PromiseStatus)一旦改变,不可逆,不可再更改
new Promise(function(resolve, reject){
resolve(res) // 只能进入.then()
reject(res) // 不会进入.catch
}).then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
复制代码
Promise的then方法参数期望收到一个函数,如果传入非函数,则发生值穿透
new Promise(function(resolve, reject){
resolve(‘123’)
}).then(‘res’).then(res => {
console.log(res) // 打印出‘123’ 值穿透到下一个then里面
})
复制代码
new Promise(function(resolve, reject){
resolve(‘123’)
}).then(‘res’).catch(res => {
console.log(res) // 值不会穿透进入catch
})
复制代码
Promise回调是同步的,then的回调是异步的
new Promise(function(resolve, reject){
console.log(1)
resolve(‘123’)
}).then(res => {
console.log(2)
console.log(res)