标签：功能 异步任务 pre 数组参数 ted 停止 log runas 应该
首先说一下什么是构造函数：构造函数，是一种特殊的方法。主要用来在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。
特点：1.构造函数的功能主要用于在类的对象创建时定义初始化的状态。2.构造函数不能被直接调用，必须通过new运算符在创建对象时才会自动调用；而一般的方法是在程序执行到它的时候被调用的；
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。
Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。
下面来看一段代码：
var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log(‘执行完成‘); resolve(‘随便什么数据‘); }, 2000); });
promise构造函数的参数是一个function，这个function又有两个参数resolve和reject，分别表示异步操作执行成功和失败后的回调函数。
在上面的代码中，我们执行了一个异步操作，也就是setTimeout，2秒后，输出“执行完成”，并且调用resolve方法。（当异步操作执行成功后，必然会触发resolve方法，将Promise的状态置为fullfiled，并把数据以参数的形式带出去）
运行代码，会在2秒后输出“执行完成”。注意！我只是new了一个对象，并没有调用它，我们传进去的函数就已经执行了，（正如构造函数的第2个特点，构造函数与new运算符一起使用会自动被调用），这是需要注意的一个细节。所以我们用Promise的时候一般是包在一个函数中，在需要的时候去运行这个函数，如：
function runAsync(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log(‘执行完成‘); resolve(‘随便什么数据‘); }, 2000); }); return p; } runAsync()
在我们包装好的函数最后，会return出Promise对象，也就是说，执行这个函数会返回一个Promise对象。因为Promise对象上有then、catch方法，所以这个函数runAsync()就可以进行链式调用了，看下面的代码：
runAsync().then(function(data){ console.log(data); //后面可以用传过来的数据做些其他操作 //...... });
由于runAsync()函数返回一个promise对象，所以可以直接调用then方法。then方法的参数是一个function，function的参数就是promise对象中resolve方法传递的参数。即：运行这段代码，会在2秒后输出“执行完成”，紧接着输出“随便什么数据”。
和回调函数比起来，promise的好处就是可以进行链式调用，可以在then方法中继续写Promise对象并返回，然后继续调用then来进行回调操作。
function runAsync1(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log(‘异步任务1执行完成‘); resolve(‘随便什么数据1‘); }, 1000); }); return p; } function runAsync2(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log(‘异步任务2执行完成‘); resolve(‘随便什么数据2‘); }, 2000); }); return p; } function runAsync3(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log(‘异步任务3执行完成‘); resolve(‘随便什么数据3‘); }, 2000); }); return p; }
上面定义了3个函数，每个函数分别独立定义了promise对象。接下来用链式调用的方式，让3个函数进行异步操作：
runAsync1() .then(function(data){ console.log(data); return runAsync2(); }) .then(function(data){ console.log(data); return runAsync3(); }) .then(function(data){ console.log(data); });
运行上面的代码，控制台就会按照先后顺序分别打印：‘异步任务1执行完成‘、‘随便什么数据1‘;‘异步任务2执行完成‘、‘随便什么数据2‘;‘异步任务3执行完成‘、‘随便什么数据3‘;
实质上，Promise的精髓是“状态”，用维护状态、传递状态的方式来使得回调函数能够及时调用。
reject的作用就是把Promise的状态置为rejected，这样我们在then中就能捕捉到，然后执行“失败”情况的回调。看下面的代码。
function getNumber(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ var num = Math.ceil(Math.random()*10); //生成1-10的随机数 if(num<=5){ resolve(num); } else{ reject(‘数字太大了‘); } }, 2000); }); return p; } getNumber() .then( function(data){ console.log(‘resolved‘); console.log(data); }, function(reason, data){ console.log(‘rejected‘); console.log(reason); } );
getNumber函数用来异步获取一个数字，2秒后执行完成，如果数字小于等于5，我们认为是“成功”了，调用resolve修改Promise的状态。否则我们认为是“失败”了，调用reject并传递一个参数，作为失败的原因。
运行getNumber并且在then中传了两个参数，then方法可以接受两个参数，第一个对应resolve的回调，第二个对应reject的回调。所以我们能够分别拿到他们传过来的数据。多次运行这段代码，会随机得到两种结果：resolved 1或者rejected 数字太大了。
Promise对象中的catch方法其实和then方法中的第二个参数效果是一样的，用来指定reject的回调，用法是这样：
getNumber() .then(function(data){ console.log(‘resolved‘); console.log(data); console.log(somedata);//somedata未定义，此时js代码报错，但不会卡在这，而是进到catch中 }) .catch(function(reason){ console.log(‘rejected‘); console.log(reason); });
Promise的all方法提供了并行执行异步操作的能力，并且在所有异步操作执行完后才执行回调。我们仍旧使用上面定义好的runAsync1、runAsync2、runAsync3这三个函数，看下面的例子：
Promise .all([runAsync1(), runAsync2(), runAsync3()]) .then(function(results){ console.log(results); });
用Promise.all来执行，all接收一个数组参数，里面的值最终都算返回Promise对象。这样，三个异步操作的并行执行的，等到它们都执行完后才会进到then里面。all会把所有异步操作的结果放进一个数组中传给then，就是上面的results。所以上面代码的输出结果就是：
异步任务1执行完
异步任务2执行完
异步任务3执行完
["随便什么数据1","随便什么数据2","随便什么数据3"]
all方法的效果实际上是「谁跑的慢，以谁为准执行回调」，那么相对的就有另一个方法「谁跑的快，以谁为准执行回调」，这就是race方法，这个词本来就是赛跑的意思。race的用法与all一样，我们把上面runAsync1的延时改为1秒来看一下：
Promise .race([runAsync1(), runAsync2(), runAsync3()]) .then(function(results){ console.log(results); });
这三个异步操作同样是并行执行的。结果你应该可以猜到，1秒后runAsync1已经执行完了，此时then里面的就执行了。结果是这样的：
异步任务1执行完
随便什么数据1
异步任务2执行完
异步任务3执行完
在then里面的回调开始执行时，runAsync2()和runAsync3()并没有停止，仍旧再执行。于是再过1秒后，输出了他们结束的标志。
这个race有什么用呢？使用场景还是很多的，比如我们可以用race给某个异步请求设置超时时间，并且在超时后执行相应的操作，代码如下：
//请求某个图片资源 function requestImg(){ var p = new Promise(function(resolve, reject){ var img = new Image(); img.onload = function(){ resolve(img); } img.src = ‘xxxxxx‘; }); return p; } //延时函数，用于给请求计时 function timeout(){ var p = new Promise(function(resolve, reject){ setTimeout(function(){ reject(‘图片请求超时‘); }, 5000); }); return p; } Promise .race([requestImg(), timeout()]) .then(function(results){ console.log(results); }) .catch(function(reason){ console.log(reason); });
requestImg函数会异步请求一张图片，我把地址写为"xxxxxx"，所以肯定是无法成功请求到的。timeout函数是一个延时5秒的异步操作。我们把这两个返回Promise对象的函数放进race，于是他俩就会赛跑，如果5秒之内图片请求成功了，那么遍进入then方法，执行正常的流程。如果5秒钟图片还未成功返回，那么timeout就跑赢了，则进入catch，报出“图片请求超时”的信息。
标签：功能 异步任务 pre 数组参数 ted 停止 log runas 应该
原文地址：https://www.cnblogs.com/makerer/p/14838366.html
