Vue中的同步和异步

    同步：在主线程上排队之行的任务,只有在最前面的任务执行完成之后,才之行后面的任务。
       （生活中的例子话糙理不怪：银行排队，只有一个窗口的时候，A业务办理完在接着办理B）
    异步：是指不进入主线程,而是进入了“任务队列”的任务,只有“任务队列”通知主线程,某个异步任务可执行了,该任务才会进入主线程执行。
       （生活中的例子话糙理不怪：多个窗口，可以同时办理业务，互不影响）
         
    同步的优点是：同步是按照顺序一个一个来，不会乱掉，更不会出现上面代码没有执行完就执行下面的代码，
    缺点：是解析的速度没有异步的快；

    异步的优点是：异步是接取一个任务，直接给后台，在接下一个任务，一直一直这样，谁的先读取完先执行谁的，
    缺点：没有顺序 ，谁先读取完先执行谁的 ，会出现上面的代码还没出来下面的就已经出来了，会报错；

    异步任务分为：宏任务   微任务

    宏任务：包含整体代码script /  setTimeout /  setInterval
    微任务：Promise.then(非new Promise) / process.nextTick(node中)

    事件执行顺序：
    1.先执行宏任务，在执行微任务
    2.微任务根据先进先出的顺序执行
    3.微任务清空后在执行宏任务
    3.按先进先出的顺序取出执行

    Promise 实现异步调用
    asnyc/await 实现同步调用

   // 项目中使用的事例：Vue接口请求异步变同步
    created() {
        this.initData();
    }
    methods: {
        async initData() {
            let res = await getList(this.params);
            if (res.message === "成功") {
                this.resultList = res.data;;
            }
        }
    }

// 异步请求同步的方法
    handleClick() {
        return new Promise((resolve,reject) => {   //resolve 成功 ,reject 失败
            getRequest().then(res => {
                // *** 作1
                resolve();
            }).catch(error =>{
                console.log(error)
                reject()
            })
        })
    },
    test(){
        Promise.all([this.handleClick()]).then(res=>{
            // *** 作2
        })
    }

    // promise的 *** 作
    const promise = new Promise(function(resolve, reject){
        if(一步 *** 作成功){
            resolve(value);
        }else{
            reject(error);
        }
    })

    // 异步 *** 作
    new Promise((resolve, reject) => {
        resolve(1);
        console.log(2);
    }).then(r => {
        console.log(r);
    });
    // 2

    // 写法一
    const promise = new Promise(function(resolve, reject) {
        try {
            throw new Error('test');
        } catch(e) {
            reject(e);
        }
    });
    promise.catch(function(error) {
        console.log(error);
    });

    // 写法二
    const promise = new Promise(function(resolve, reject) {
        reject(new Error('test'));
    });
    promise.catch(function(error) {
        console.log(error);
    });