官术网_书友最值得收藏!

Promises

Promises, in one form or another, have been available in JavaScript for a while. All jQuery users are familiar with the idea. A promise is a reference to a variable that is generated asynchronously and may become available in the future.

The ES5 way of doing things, if you weren't already using some sort of third-party promise library or jQuery's deferred's, was to accept a callback function to an asynchronous method and run the callback upon successful completion, as shown in the following code:

function updateUser(user, settings, onComplete, onError) {
makeAsyncApiRequest(user, settings, function(response) {
if (response.isValid()) {
onComplete(response.getBody());
} else {
onError(response.getError())
}
});
}
updateUser(user, settings, function(body) { ... }, function(error) { ... });

In ES6, you may return a Promise which encapsulates the asynchronous request and either gets resolved or rejected, as shown in the following code:

function updateUser(user, settings) {
return new Promise((resolve, reject) => {
makeAsyncApiRequest(user, settings, function(response) {
if (response.isValid()) {
resolve(response.getBody());
} else {
reject(response.getError())
}
});
});
}
updateUser(user, settings)
.then(
body => { ... },
error => { ... }
);

The real power of promises is that they can be passed around as objects, and promise handlers can be chained.

主站蜘蛛池模板: 普陀区| 金沙县| 施秉县| 桃源县| 安仁县| 麻城市| 成武县| 连江县| 宣化县| 扶风县| 麻栗坡县| 翁源县| 鄂尔多斯市| 巴楚县| 遂昌县| 台中县| 邹城市| 行唐县| 瑞安市| 大化| 海宁市| 龙岩市| 梓潼县| 承德县| 屏南县| 保康县| 娄底市| 内江市| 巫山县| 金门县| 中方县| 利辛县| 大丰市| 桐梓县| 大渡口区| 宝兴县| 尚志市| 开化县| 临澧县| 枣庄市| 大石桥市|