欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ES6 Promise对象

程序员文章站 2022-07-13 09:21:11
...

Promise 对象是一个构造函数,用来生成promise实例
Promise对象是一个构造函数

	<script type="text/javascript">
		console.log(Promise);
		console.log(typeof Promise); //导出是function是一个构造函数
	</script>

结果展示:
ES6 Promise对象
Promise对象是一个构造函数,用来生成一个promise实例:Promise构造函数接收一个函数作为参数

		console.log(Promise);
		console.log(typeof Promise); //导出是function是一个构造函数
		const promise = new Promise(function(){}) //实例化Promise对象
		console.log(promise);

(1)Promise对象中封装了catch,finally和then等方法
结果展示图:
ES6 Promise对象
该函数有两个参数分别是resolve和reject,这两个参数是两个函数,由js部署
展示代码:

监听成功:

		const promise = new Promise(function(resolve,reject){
			let value = 1;
			if(value==1){
			resolve(value);
			}else{
				reject(error);
			}
		}) //实例化Promise对象

结果展示图:

ES6 Promise对象
监听失败:

<script type="text/javascript">
		console.log(Promise);
		console.log(typeof Promise); //导出是function是一个构造函数
		const promise = new Promise(function(resolve,reject){
			let value = 1;
			if(value==2){
			resolve(value);
			}else{
				reject(error);
			}
		}) //实例化Promise对象
		console.log(promise);
	</script>

结果展示图:
ES6 Promise对象
Promise构造函数接受一个函数作为参数,该函数的两个参数分别为resolve和reject。这两个函数,是由JavaScript引擎提供,不用自己部署。
resolve函数:将Promise对象的状态从"未完成"到”成功“(pending =>resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去
reject函数:将Promise对象的状态从”未完成“到”失败“(pending=>rejected),在异步操作失败时候调用,并将异步操作报出的错误,作为参数传递出去

peind=>resolved

	console.log(Promise);
		console.log(typeof Promise); //导出是function是一个构造函数
		const promise = new Promise(function(resolve,reject){
			let value = 1;
			if(value==1){
			resolve(value);
			}else{
				reject(error);
			}
		}) //实例化Promise对象
		promise.then( function(value){
			console.log(value);
		},function(error){
			console.log(value)
		} )
		console.log(promise);

结果展示图:
ES6 Promise对象

未完待续