Promise 学习心得

　　当了这么久码农到今天没事才开始去深究 Promise 这个对象

• 什么是 Promise， Promise 有什么用？

　　在写代码的时候多多少少都有遇见过地狱式的回调 代码看起来没问题就是有点乱，Promise 这个东西就是为了解决回调嵌套而生的 Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态：pending(等待态)，fulfiled(成功态)，rejected(失败态)；状态一旦改变，就不会再变。创造promise实例后，它会立即执行。

• 知道 promise  ，那应该怎样用呢？

　　举个最简单的例子利用 JQuery 返回一个 Promise 对象，实现 .then 对 ajax 进行调用

 

  function getData(path,type='get',dataType='json'){
      return  $.ajax({
            url:path,
            type:type,
            dataType:dataType
        })
    }

　

　　　那如果我用不了 JQuery 怎么办， 我们可以直接用原生 Promise 来实现

 

function getData(url) {
    return new Promise(function (resolve, reject) {
        var XHR =new XMLHttpRequest() ;
        XHR.onreadystatechange = function () {
            if (XHR.readyState == 4) {
                if ((XHR.status >= 200 && XHR.status < 300) || XHR.status == 304) {
                    try {
                        var response = JSON.parse(XHR.responseText);
                        resolve(response);
                    } catch (e) {
                        reject(e);
                    }
                } else {
                    reject(new Error("Request was unsuccessful: " + XHR.statusText));
                }
            }
        }
        XHR.open('GET', url , true);
        XHR.send(null);
    })
  }

 

• 最后我们来说一下 Promise 正常场景的两种使用方法

　　　　1. 回调后调用函数，第一个函数报错后面的函数就可以不用执行。

 

      getData('./data.json',).then((data)=>{
          console.log(data)
          getData('./data1.json',)
        }).then(data=>{
          console.log(data)
          getData('./data2.json',)
        }).then(data=>{
          console.log(data)
        }).catch(err=>{
          console.log(err)
        })

　　　　

　　　　2. 回调后调用函数，第一个函数错误后后面的函数还要继续执行。

 

         getData('./data.json',).then((data)=>{
          console.log(data)
          getData('./data1.json',)
        }).catch(err=>{
          console.log(err)
          getData('./data1.json',)
        }).then(data=>{
          console.log(data)
          getData('./data2.json',)
        }).then(data=>{
          console.log(data)
        })    

 

　　总的来说 Promise 有什么用呢？代码量没减少，写起来还复杂。 你可以这样认为 Promise  没啥用就是让你的代码看起来不那么别扭，没有了回调地狱让你的代码可读写更强，看起来心情更好，心情好代码就打的快，代码打的快就有时间去学习，有时间学习就可以跳槽，就加工资。简单说 Promise 就是一个花瓶。中看！！