Promise 是異步編程的一種解決方案，比傳統的解決方案–回調函數和事件－－更合理和更強大。它由社區最早提出和實現，ES6將其寫進了語言標準，統一了語法，原生提供了Promise

所謂Promise ，簡單說就是一個容器，里面保存著某個未來才回結束的事件(通常是一個異步操作）的結果。從語法上說，Promise是一個對象，從它可以獲取異步操作的消息。?
Promise 對象的狀態不受外界影響

三種狀態:

• pending：進行中
• fulfilled :已經成功
• rejected 已經失敗

狀態改變：?
Promise對象的狀態改變，只有兩種可能：

• 從pending變為fulfilled
• 從pending變為rejected。

這兩種情況只要發生，狀態就凝固了，不會再變了，這時就稱為resolved（已定型）

基本用法

ES6規定，Promise對象是一個構造函數，用來生成Promise實例

const promist = new Promise(function(resolve,reject){if(/*異步操作成功*/){resolve(value);}else{reject(error);} })

例子:

function timeout(ms){return new Promise((resolve,reject)=>{setTimeout(resolve,ms,'done');}); } timeout(100).then((value)=>{console.log(value); }); let promise = new Promise(function(resolve,reject){console.log('Promise');resolve(); }); promise.then(function(){console.log('resolved'); }); console.log('Hi!');//Promise //Hi! //resolved //異步加載圖片 function loadImageAsync(url){return new Promise(function(resolve,reject){const image = new Image();image.onload = function(){resolve(image);};image.onerror = function(){reject(new Error('error');};image.src = url;}); }

下面是一個用Promise對象實現的 Ajax 操作的例子。

const getJSON = function(url) {const promise = new Promise(function(resolve, reject){const handler = function() {if (this.readyState !== 4) {return;}if (this.status === 200) {resolve(this.response);} else {reject(new Error(this.statusText));}};const client = new XMLHttpRequest();client.open("GET", url);client.onreadystatechange = handler;client.responseType = "json";client.setRequestHeader("Accept", "application/json");client.send();});return promise; };getJSON("/posts.json").then(function(json) {console.log('Contents: ' + json); }, function(error) {console.error('出錯了', error); });

?

轉載于:https://www.cnblogs.com/chenziyu/p/9546518.html

總結

以上是生活随笔為你收集整理的Promise 的基础用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。