JS中promise特点与信任问题解决
1.Promise的信任问题
1.1信任问题
所谓的信任问题就是你给出事物逻辑，将逻辑处理交给第三方解决
(即回调函数)，此时会出现第三方给出的数据结果不是你希望的那样。
比如重复调用，没掉用。下次你在使用它是就会产生信任问题
1.2信任问题产生的原因
1.2.1调用过早
这个问题主要是担心代码是否会引入类似于Zlago这样的副作用一种 JavaScript 开发人员虚构的疯狂恶魔，取名 Zalgo，**用来描述 JavaScript 中同步 / 异步的混乱**即一个任务有时异步操作，有是同步操作，可能会导致竞态条件
Promise解决
promise即使是立刻完成，也无法被立刻调用。根据Promise特性可知道
要想看到结果必须通过==.then调用==
也就是将结果统一成异步操作
1.2.2调用过晚
一个同步任务链无法按照上面的形式运行，即在任务链中，下一个任务，不一定
是在上一个任务被完全调度后在运行的。即按照预期有效的延迟另一个回调的发生
Promise解决
只要是通过then注册的回调都会下一个异步时机点发生时依次被调用。
回调中的任何一个都无法影响任何一个或延迟对其他回调的运用
eg：
p.then(function(){
p.then(function(){
console.log("c")
});
console.log("A")
});
p.then(function(){
console.log("B")
});
输出结果是**A,B,C**
1.2.3回调未调用
产生原因：回调函数有js语法错误等
Promise解决
可通过p.catch()获取错误信息，因为即使回调函数中有错误，回调函数还是会被调用
可通过下面的方式解决
function timeout(delay){
return new Promise(function(resolve,reject){
setTimeout(function(){
reject('Timeout!')
},delay)
})
}
Promise.race([
foo(),
timeout(3000)
]).then(
function(){
//foo(...)及时完成
},
function(err){
//foo(...)被拒绝，或者没按时完成
}
)
1.2.4调用次数过少或过多
调用次数过少就是没有调用
Promise解决
Promise只能进行一次决议，所以任何通过then(…)注册的回调都只会调用一次
1.2.5未传递参数、环境值
回调函数不知道处理那些数据，以及改怎么执行
Promise解决
如果你没有用任何值显式决议，默认用undefined代替
#### 1.2.6吞掉错误和异常
回调函数出现错误和异常时在某种情况下，不向外抛出提示
2.Promise的几个关键问题
2.1怎么改变Promise的状态
通过resolve()
resolve('ok'); // pending => fulfilled (resolved)
通过reject()
reject("error"); // pending => rejected
2.2Promise 指定多个回调
一个promise对象通过多个==.then()==调用
eg:
let p = new Promise((resolve, reject) => {
// resolve('OK');
});
///指定回调 - 1
p.then(value => {
console.log(value);
});
//指定回调 - 2
p.then(value => {
alert(value);
});
结果是可以的
会先出现alert()弹框，后控制台打印
2.3Promise 改变状态与指定回调的顺序问题
都有可能一般先指定回调后改变状态
先改变状态后指定回调的方法如下，也可以通过reject()或resolve()
let p = new Promise((resolve, reject) => {
setTimeout(() => {
resolve("OK");
}, 2000);
});
p.then(
(value) => {
console.log(value);
},
(reason) => {
console.log(reason);
}
);
2.4Promise.then方法的返回结果特点
如果执行then方法返回的是非Promise对象
新promise变为resolved, value为返回的值
let p = new Promise((resolve, reject) => {
resolve('ok');
});
let result = p.then(value => {
console.log(value);
//返回结果是非 Promise 类型的对象
return 521;
});
}, reason => {
console.warn(reason);
});
console.log(result);
如果抛出异常, 新 promise 变为 rejected, reason 为抛出的异常
如果返回的是另一个新promise, 此promise的结果就会成为新promise的结果
let p = new Promise((resolve, reject) => {
resolve("ok");
});
//执行 then 方法
let result = p.then(
(value) => {
console.log(value);
//3. 返回结果是 Promise 对象
return new Promise((resolve, reject) => {
resolve('success');
//reject('error');
});
},
(reason) => {
console.warn(reason);
}
);
console.log(result);
2.5异常穿透
当使用 promise 的 then 链式调用时, 可以在最后指定失败的回调,
前面任何操作出了异常, 都会传到最后失败的回调中处理
let p = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('OK');
// reject('Err');
}, 1000);
});
p.then(value => {
// console.log(111);
throw '失败啦!';
}).then(value => {
console.log(222);
}).then(value => {
console.log(333);
}).catch(reason => {
console.warn(reason);
});
总结：1.深入了解回调函数的一些问题
2.了解Promise怎么解决这些信任问题
3.了解了promise的特点
总结
到此这篇关于JS中promise特点与信任问题解决的文章就介绍到这了,更多相关JS promise信任问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍一个用Three.js制作的3D中国地图，文中的示例代码讲解详细，对我们学习three.js有一定帮助，感兴趣的可以跟随小编一起试一试2022-01-01
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
这篇文章主要介绍了JavaScript(js)处理的HTML事件、键盘事件、鼠标事件,结合实例形式分析了JavaScript针对HTML事件、键盘事件及鼠标事件的简单处理方法,需要的朋友可以参考下2019-11-11
本篇文章主要是对jquery对单选框,多选框,文本框等常见操作进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
JS OOP包机制,类创建的方法定义,需要的朋友可以参考下。2009-11-11
我们在很多大型门户网站都会有看到有些一热点新闻都会一直向上滚动，下面我就来给大家推荐一款Javascript中热点新闻滚动特效代码，有需要了解的朋友可以参考一下2013-08-08
递归函数是在通过名字调用自身的情况下构成的。下面通过本文给大家分享JavaScript中递归实现的方法及其区别，感兴趣的朋友一起看看吧2017-09-09
这篇文章主要为大家详细介绍了js鼠标点击图片切换效果，很实用的代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
这篇文章主要介绍了基于JavaScript实现类似于百度学术高级检索功能 的相关资料,需要的朋友可以参考下2016-03-03
本篇文章主要是对动态加载dtree.js树treeview的示例代码进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
无论你开发使用的是CommonJS规范还是ES6模块规范,打包后的文件都统一使用webpack自定义的模块规范来管理、加载模块,下面这篇文章主要给大家介绍了关于webpack动态import原理的相关资料,需要的朋友可以参考下2022-04-04
最新评论