Promise理解

jifei 發(fā)布于2019-08-21 17:28 / 3310人閱讀

摘要：參數(shù)數(shù)組中的任何一個對象如果變?yōu)榛蛘叩脑挘摵瘮?shù)就會返回，并使用這個對象的值進(jìn)行或者。并沒有執(zhí)行進(jìn)入后，依舊會執(zhí)行并不會被住。發(fā)生，不會執(zhí)行，會直接到中，由于在和后面沒有處理了，因此在這兩個中如果出現(xiàn)異常的話將不會被捕獲只會出現(xiàn)以下

ES6 Generator/Promise Generator

node -harmony app.js (harmony 告訴Node使用ES6來運行)

yield（不能再普通函數(shù)中，只能在function* 這樣的Generator函數(shù)中，擁有next方法）

next 方法的參數(shù)表示上一個 yield 語句的返回值，所以第一次使用 next 方法時，不能帶有參數(shù)。V8 引擎直接忽略第一次使用 next 方法時的參數(shù)，只有從第二次使用 next 方法開始，參數(shù)才是有效的。

function* ticketGenerator() {
   yield 1;
    yield 2;
    yield 3;
    //yield,return有些像，都能返回緊跟語句后面的表達(dá)式的值，
    //區(qū)別是每次遇到y(tǒng)ield,函數(shù)是暫停執(zhí)行，下一次再從該位置繼續(xù)向后執(zhí)行
    //而return不具備位置記憶功能，只能執(zhí)行一次，所以一個函數(shù)只能返回一個值
    return 4; //yield 4; {value: 4, done: false}
}

const takeANumber = ticketGenerator();

var i = 0;
while (i < 4) {
    i++;
    console.log(takeANumber.next())
}
// { value: 1, done: false }
// { value: 2, done: false }
// { value: 3, done: false }
// { value: 4, done: true }

//for ... of依次顯示yield的值，一旦next方法返回的對象的done為
//true, 循環(huán)就會終止
for (var v of ticketGenerator()) {
    console.log(v);
}

進(jìn)階：

function* foo(x) {
  var y = 2 * (yield (x + 1));
  var z = yield (y / 3);
  return (x + y + z);
}

var it = foo(5);

it.next()
// { value:6, done:false }
it.next(12)
// { value:8, done:false }
it.next(13)
// { value:42, done:true }

如果 yield 命令后面跟的是一個遍歷器，需要在 yield 命令后面加上星號，表明它返回的是一個遍歷器。這被稱為 yield語句。*

Promise(解決異步操作的對象)

pending - The initial state of a promise.

fulfilled - The state of a promise representing a successful operation.

rejected - The state of a promise representing a failed operation.

Promise庫

bluebird

then.js

es6-promise

ypromise

async

native-promise-only

API:

new Promise((resolve, reject) => {})

Static Methods:

Promise.resolve(value) --返回一個使用接收到的值進(jìn)行了resolve的新的promise對象
Promise.reject(value) --返回一個使用接收到的值進(jìn)行了reject的新的promise對象
Promise.all(array)
生成并返回一個新的promise對象。
當(dāng)這個數(shù)組里的所有promise對象全部變?yōu)閞esolve或reject狀態(tài)的時候，它才會去調(diào)用 .then 方法。

eg: 
Promise.all([Promise.resolve("a"), "b", Promise.resolve("c")])
.then(function (res) {
  assert(res[0] === "a")
  assert(res[1] === "b")
  assert(res[2] === "c")
})

Promise.race(array)
生成并返回一個新的promise對象。
參數(shù) promise 數(shù)組中的任何一個promise對象如果變?yōu)閞esolve或者reject的話， 該函數(shù)就會返回，并使用這個promise對象的值進(jìn)行resolve或者reject。
eg:
var p1 = Promise.resolve(1),
    p2 = Promise.resolve(2),
    p3 = Promise.resolve(3);
Promise.race([p1, p2, p3]).then(function (value) {
    console.log(value);  // 1
});

Prototype Methods:

Promise.then(onFulfilled, onRejected)
Promise.catch(onRejected)

Example:

function taskA() {
    console.log("Task A");
    throw new Error("throw Error Task A")
}
function taskB() {
    console.log("Task B");
}
function onRejected(error) {
    console.log("Catch Error: ", error);
}
function finalTask() {
    console.log("Final Task");
    throw new Error("throw Error Final task")
}

var promiseB = new Promise((resolve, reject) => reject(new Error("error msg")))
promiseB
.then(success => console.log("onfulfilled ", success), err => console.log("onRejected ", err))
.then(taskA)
.then(taskB)
.catch(onRejected)
.then(finalTask);

//output: 
//onRejected Error: error msg
//Task A 
//Catch Error: Error: throw Error Task A ---并沒有執(zhí)行task B
//Final Task

promiseB 進(jìn)入onRejected callback后，依舊會執(zhí)行Task A, 并不會被 onRejected catch住。
taskA 發(fā)生error，不會執(zhí)行taskB，會直接到 onRejected -> finalTask

promise chain中，由于在 onRejected 和 finalTask 后面沒有 catch 處理了，因此在這兩個Task中如果出現(xiàn)異常的話將不會被捕獲,只會出現(xiàn)以下warning：

(node:83039) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): Error: throw Error Final task

(node:83039) DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.