2025年浅析Promise用法[通俗易懂]

浅析Promise用法[通俗易懂]浅析 Promise 用法 要理解 Promise 要知道没有 Promise 的回调地狱 如何插入一段漂亮的代码片 Promise 语法与 then 的用法 所谓 Promise 简单说就是一个容器 里面保存着某个未来才会结束的事件 通常是一个异步操作 的结果 从语法上说 Promise 是一个对象 从它可以获取异步操作的消息 Promise 提供统一的 API 各种异步操作都可以用同样的方法进行处理

浅析Promise用法

要理解Promise要知道没有Promise的回调地狱

如何插入一段漂亮的代码片

Promise语法与then的用法

所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。

Promise对象有以下两个特点。

(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。

(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从Pending变为Resolved和从Pending变为Rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果。就算改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。

有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise对象提供统一的接口,使得控制异步操作更加容易。

----

要理解Promise要知道没有Promise的回调地狱

一般我们要在一个函数执行完之后执行另一个函数我们称之为callback‘回调’,简单的写一下

如何插入一段漂亮的代码片

去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.

setTimeout(function(){ 
left(function(){
setTimeout(function(){
left(function(){
setTimeout(function(){
left(); },2000); }); }, 2000); }); }, 2000);

以上代码就是传说中的回调地狱,如果有多层业务逻辑嵌套的话,不仅会使代码阅读困难,而且后面维护起来也是难点。
之后在ES6,Promise就应运而生。

Promise语法与then的用法

var promise = new Promise(function(resolve, reject) { 
// ... some code if (/* 异步操作成功 */){
resolve(value); } else {
reject(error); } });

resolve(value)是在Promise在已经异步完成成功(Resolved)之后执行的reject(value)是在Promise在异步失败之后(Rejected)执行。当然,也可以用then来指定:then(resolve,reject)或者:then(resolve),catch(reject)

promise.then(function(value) { 
// success }, function(error) {
// failure }); //等价于: promise.then(function(){
//success }).catch(function(){
//failure })
编程小号
上一篇 2025-01-19 11:21
下一篇 2025-01-19 11:11

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/hz/148275.html