今天用VUE編寫專案時，涉及到兩個非同步請求在一個方法裡面對同一個變數進行操作，之前自己都沒意識到多個非同步請求對同一變數進行操作的時候會導致資料錯誤，結果今天除錯了半天，才想到了這個問題。也是怪自己還是一個新手，對於這種常識性的錯誤都不敏感。

於是自己查了一下相關資料，發現了promise的用法。剛開始的時候自己看了一下部落格，看的也是一臉懵逼。因為promise的寫法很多，很多也用到了新的ES6的寫法。但是自己看了一下程式碼例子，總算是明白了一下，廢話少講，直接上程式碼吧！

可以看到上面的程式碼是一個相對簡單的promise結構。因為我們用非同步請求的時候，會遇到多個請求同時發生，這樣不能保證它們的執行順序，會導致資料出錯，就像上面

的程式碼，儘管我取到了正確的資料，但是在頁面渲染的時候，就是完全是錯的。在上面的程式碼中，我們先new promise，在引數列表有兩個引數，一個resolve一個rejects。通俗的

來講，resolve相當於ajax中的success，rejects則就是catch。當然，這兩個單詞可以隨便取，也可以在引數列表寫上a,b。但是他們代表的意思是一模一樣的。在後面我們可以看

到一行程式碼“resolve()”，這就相當於return。在promise裡面的程式碼塊會最先執行，然後resolve()，接著會執行then裡面的方法。在then裡面也有引數，()=> {/程式碼塊/}，因為我在上面

程式碼中resolve()的括號中並沒有寫引數，所以可以看成它返回的是一個空的結果集，所以我在then後面有（）來接受，因為是空結果集，所以我用（）來接收。當然你也可以返回想

要的結果，打個比方，我把程式碼改成下面這樣

我讓resolve返回了一個值，然後在then裡面打印出來。

可以看到，res被打印出來就是返回的值1。

沒有用promise之前，上面的語句順序就是亂的，因為我用promise控制了非同步請求的執行順序，所以現在的順序是正常的。

最後推薦一個連結，講promise講的特別詳細。我也是剛剛才看了一下promise，自己學的也不深，在這裡也不敢誤人子弟，所以還有很多更多的內容還沒有寫出來，如果

上面有什麼明顯的錯誤也請大家指出來的同時多多原諒。同時因為自己講的不深，大家可以繼續在網上找找資源，很多部落格上面講的也是特別詳細的。

https://zhuanlan.zhihu.com/p/25198178