Promise是什么?

本文主要强调Promise的用法,讨究Promise究竟在干什么。虽然已有大量的资料文档对这个概念进行了详细的讲解。可是对初学者而言，在过于繁琐的书面性概念中，确常常无法抓住重点，对问题本身的理解反而会造成麻烦。本文章只将重点放在作用上，忽略掉其它繁杂的概念，用尽可能直白的语言对这个问题进行剖析。阅读本文需要十分钟左右的时间，希望对您能有所帮助。

Promise：

作用：解决回调地狱问题,将函数嵌套的代码方式改为平级的。

当一个回调函数嵌套一个回调函数的时候，就会出现一个嵌套结构，当嵌套的多了就会出现回调地狱的情况。

为了能更加清晰的体会promise,我们需要先观察一段代码。

        function f1(f){
		console.log("f1");
		f();
	}
	
	function f2(f){
		console.log("f2");
		f();
	}
	
	function f3(f){
		console.log("f3");
		f();
	}
	
	function f4(){
		console.log("f4");
	}
	
	//回调地狱
	f1(function(){
		f2(function(){
			f3(f4);
		});
	});

代码段有四个函数,f1,f2,f3,f4均为函数,且后一个函数作为前一个函数的参数，然后进行嵌套调用。最终从调用的语法来看，代码十分复杂，我们把回调函数这样调用称为回调地狱。

**Pomise的作用就是将嵌套的调用方式改为平级的。**也就是说从调用的结果上来看，最终本质上是没有任何区别，Pormise只是改变了语法的书写规则。这就是Pomise的基本使用方法。

Promise的语法规则如下:

        //使用方法
	//1.通常放入一个函数体内
	//2.将promise对象作为返回值
	//3.promise对象包含的多为异步操作
	function fun(){
        //success表示成功的回调,failed表示失败时的回调
		let p = new Promise(function(success,failed){
			if(条件){
				success();
			}else{
				failed();
			}
		});
		return p;
	}
	
	function success(){
		console.log("success");
	}
	
	function failed(){
		console.log("failed");
	}
	
        //promise对象.then(成功的方法,[失败的方法]);
	fun().then(success,failed);

这里promise对象可以将以前通过形参传递的回调函数,用then方法来进行传递。其实promise主要处理的是异步操作，如常见的如ajax请求。我们的每一个异步事件，在执行的时候，都会有三种状态，执行中，成功，失败。这也就解释了为什么then方法为什么会有两个参数，参数1代表成功时执行的回调函数，参数2代表失败时的执行状态。

所以上述函数嵌套调用的代码可以修改为:

        function f1(){
		console.log("f1");
		let p = new Promise(function(f){
			f();
		});
		return p;
	}
	
	function f2(){
		console.log("f2");
		let p = new Promise(function(f){
			f();
		});
		return p;
	}
	
	function f3(){
		console.log("f3");
		let p = new Promise(function(f){
			f();
		});
		return p;
	}
	
	function f4(){
		console.log("f4");
	}
	
	//平级调用的方法
	f1().then(f2).then(f3).then(f4);

这样实现的功能和上述代码的功能是完全一样的，但是解决了函数嵌套调用的麻烦。

结论:Pomise的作用就是将嵌套的调用方式改为平级的，用于处理异步操作。

*陆荣涛前端学习交流Q群858752519
加群备注：CSDN推荐

扫描二维码关注公众号，回复： 14346368 查看本文章

请添加图片描述