es6 proxy怎麼用?ES6中，promise是經常使用的對象通過promise實例，可以實現對異步代碼的封裝，保證當異步代碼執行完成後再執行後續處理代碼，我來為大家科普一下關于es6 proxy怎麼用?以下内容希望對你有幫助!

es6 proxy怎麼用

ES6中，promise是經常使用的對象。

通過promise實例，可以實現對異步代碼的封裝，保證當異步代碼執行完成後再執行後續處理代碼。

Promise的基本使用

resolve函數的結果可以通過then()方法接收，reject函數的結果可以被catch()方法接收

2. valid(){
3. return new Promise((resolve,reject)=>{
4. if(this.flag){
5. return resolve(true)
6. }
7. this.$refs.form.validate((valid) => {
8. if(valid){
9. resolve(valid)
10. }
11. else{
12. reject(valid);
13. }
14. })
15. })
16. }

因為element-ui中的表單自帶validate操作是異步操作，所以我将校驗方法封裝在Promise實例中，當校驗過程結束後調用then方法就可以執行後續的操作。

當promise對象實例化的時候，就會執行promise内部的代碼。

注意，promise實例隻能保證其内部的異步操作執行完成後，再被then或者catch方法捕捉。

如下所示。

2. let valid = this.valid();
3. console.log("第一步")
4. valid.then((value)=>{
6. console.log("第三步")
8. console.log("校驗完成,校驗結果無誤")
10. }).catch((error)=>{
12. console.log("校驗校驗完成,校驗結果有誤")
14. })
15. console.log("第二步")

Promise.all()和Promise.race()

all和race方法，都是接收一個promise實例數組。

all方法是按照數組中的順序進行執行promise操作，race方法并不能确定。

區别在于，all方法是當所有的promise執行完成後才會進入then或者有一個rejcet後進入catch；而race方法是由第一個promise完成的狀态來決定。

race方法，個人用的比較少，不做多的分享。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!