promis用法(ES6)

  • 2021-01-05
    在ES6语法中,promise是一个比较重要的知识点,在这里记录一下。
    ES6这本书我自己也买了,但是一直没能静下心来从头到尾看一遍,现在先捡重点的写一下,后面慢慢看能不能补齐吧。

一、promise是什么

promise是解决异步的一种方法,里面保存着异步操作的结果和对应应执行的事件。
从语法上来说,promise是一个对象,从它可以获取异步操作的消息。promise提供统一的API,各种异步操作都可以用同样的方法进行处理。



二、promise的特点

  1. 对象的状态不受外界影响。
    promise对象一共有三种状态,分别是Pending(进行中)、Fulfilled(已成功)和Rejected(已失败)。只有异步操作的结果能决定他当前是哪一个状态,任何其他操作都无法改变这个状态。
  2. 一旦状态改变就不会再变,任何时候都可以得到这个结果。
    promise对象只能是从Pending(进行中)变为Fulfilled(已成功)或Rejected(已失败)。当这两种情况发生了,状态就凝固了,称为Resolved(已定型)。这个时候如果再对promise对象添加回调函数,也会立即得到这个结果。


三、promise的优缺点

优点:

  • 可以将异步操作用同步操作的流程表达出来,避免了层层嵌套的回调函数。
  • promise提供统一的接口,使得控制异步操作更加方便。

缺点

  • 无法取消promise,一旦新建就会立即执行。
  • 如果不设置回调函数,promise内部抛出的错误不会反应到外部。
  • 处于Pending(进行中)状态是,无法得知目前进展到哪一个阶段(刚开始还是即将完成)。


四、promise的基本用法

我们先来创建一个promise实例:
(ES6规定,promise对象是一个构造函数,用来生成promise实例。)

var promise = new Promise(function(resolve, reject){
	//在这里写异步操作
	if(/*异步操作成功*/){
		resolve(value);
	}else{
		reject(error);
	}
});
  1. promise构造函数接收resolve和reject两个函数作为参数。他们由JavaScript引擎提供,不用自己部署。
  2. 异步操作成功是,会将操作结果作为参数传入 resolve 函数并执行,将promise对象的状态从Pending(未完成)变为Fulfilled(成功)。
  3. 异步操作失败时,会将结果作为参数传入 reject 函数并执行,将promise对象的状态变为Rejected(失败)。
  4. promise实例生成之后,可以用 then 方法分别指定 Resolved 和 Rejected 状态下的回调函数。
promise.then(function(value){
	// success
}, function(error){
	// failure
});
  1. then 方法可以接收两个回调函数作为参数,第一个是成功状态下调用(必选),第二个在失败状态下调用(可写可不写)。


五、简单实例

let promise = new Promise(function(resolve, reject){
	console.log('Promise 初始化');
	resolve();
});
promise.then(function(){
	console.log('resolved');
});
console.log('test');
  1. promise新建之后会立即执行,所以先输出 ’ Promise 初始化 '。
  2. 然后输出 ’ test '。
  3. then方法制定的回调函数将在当前脚本所有同步任务执行完成之后才会执行,所以最后输出 ’ resolved '。




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise是ES6新增的构造器,用来优化异步代码的写法。它代表了一个承诺,承诺在一段时间后返回最终的结果。在ES6中,我们可以使用Promise来处理异步操作,以避免回调地狱的问题。 Promise提供了很多方法,其中包括Promise.all()方法。这个方法接收一个包含多个Promise对象的数组作为参数,并返回一个新的Promise对象。只有当所有的Promise对象都成功时,Promise.all()才会成功;只要其中一个Promise对象失败了,Promise.all()就会直接失败。成功时,返回的结果是所有Promise对象的结果组成的数组;失败时,返回的结果是失败的Promise对象的结果。 在学习Promise的格式定义时,可以使用箭头函数或普通声明。例如,可以使用箭头函数来定义一个Promise对象p1: ```javascript let p1 = new Promise((resolve, reject) => { // 执行异步操作 }); ``` 也可以使用普通声明的方式来定义一个Promise对象p2: ```javascript let p2 = new Promise(function (resolve, reject) { // 执行异步操作 }); ``` 通过使用Promise构造器和定义异步操作的方式,我们可以更简洁和清晰地处理异步任务。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [ES6 Promise(承诺)看这一篇就够了](https://blog.csdn.net/m0_46846526/article/details/119345337)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [ES6必学必会新特性之Promise介绍及使用](https://blog.csdn.net/m0_62346839/article/details/126569071)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值