浅析Promise的介绍及基本用法

new Promise()

var promise = new Promise((resolve,reject) => {
    // 里面用于处理异步操作
})

var promise = new Promise((resolve,reject) => {
    // 这是一个异步操作
    setTimeout(() => {
        // 这里模拟获取数据
        var data = '获取的数据'
        // 在得到数据之后我们可以调用resolve和reject方法来改变promise对象的状态
        resolve(data)  // resolve可以将promise对象的状态改为成功，reject()可以promise将对象状态改为失败
    }, 1000);
})

promise.then(value => {
// 当异步函数里面调用了resolve(data)，也是就说promise对象的状态为成功时，会调用then方法的第一个参数
console.log(value);  // 'hello world' value就是resolve()方法传递过来的数据
}, err => {
   // 当异步函数里面调用了reject(data)，也是就说promise对象的状态为失败时，会调用then方法的第二个参数
    console.log(err);  // err就是reject()方法传递过来的数据 
})

let data = promise.then((val) => {
    // console.log(val.result);
    // 返回非Promise的情况
    // return val.result
 
    // 返回Promise的情况
    return new Promise( (resolve, reject) => {
        // resolve('ok')
        reject('err')
    })
}, err => {
console.log(err);
})
// 返回非Promise的情况 状态为成功，返回值为对象的成功的值 
// 返回结果是Promise 对象，对象状态由回调函数的执行结果决定
// 抛出错误,状态为失败
console.log(data);  

const promise = new Promise((resolve, reject) => {
    resolve('ok')
})
promise.then(val => {
    console.log(val);  // ok
}).catch(err => {
    console.log(err);
})

const promise = new Promise((resolve, reject) => {
    reject('err')
})
promise.then(val => {
    console.log(val);
}).catch(err => {
    console.log(err);  // err
})

const promise = new Promise((resolve, reject) => {
    resolve('err')
})
promise.then(val => {
    console.log('ok');    // ok
    throw '出错了！！'     // then里面抛出的错误会继续被catch捕获
}).catch(err => {
    console.log(err);  // 出错了！！
})

const promise = new Promise((resolve, reject) => {
    resolve('ok')
})
promise.then(val => {
    return new Promise((resolve, reject) => {
        reject('err')
    })
})
.then(val => {
    return new Promise((resolve, reject) => {
        reject('err')
    })
})
.catch(err => {
    // 以上产生的错误都可以被catch捕获到
    console.log(err);  // err
})

// 读取文件信息
const fs = require('fs')

// 读取文件信息
const fs = require('fs')
 
// 如果读取失败err就是一个错误对象，读取成功data就是数据
fs.readFile('./01.txt', (err, data) => {
    // 判断是否出现错误，如果读取错误就打印错误对象。
    if (err) {
        console.log(err);
        return
    }
    console.log(data.toString());
})

// 读取文件信息
const fs = require('fs')
 
const promise = new Promise((resolve, reject) => {
    fs.readFile('./01.txt', (err, data) => {
        if (err) return reject(err)
        resolve(data)
    })
})
 
promise.then(val => {
    console.log(val.toString());
    // 返回一个Promise对象
    return new Promise((resolve, reject) => {
        fs.readFile('./02.txt', (err, data) => {
            if (err) return reject(err)
            resolve(data)
        })
    })
}, err => {
    console.log(err);
})
// 上一个then里面返回的是一个promise对象，我们可以继续.then
.then(val => {
    console.log(val.toString());
    return new Promise((resolve, reject) => {
        fs.readFile('./03.txt', (err, data) => {
            if (err) return reject(err)
            resolve(data)
        })
    })
}, err => {
    console.log(err);
})
.then(val => {
    console.log(val.toString());
}, err => {
    console.log(err);
})

const promise = new Promise((resolve, reject) => {
    // 创建对象
    const xhr = new XMLHttpRequest()
    // 初始化
    xhr.open("GET", 'https://api.apiopen.top/getSongPoetry?page=1&count=20')
    // 发送
    xhr.send()
    // 绑定事件处理响应结果
    xhr.onreadystatechange = function () {
        // 判断
        // 进入最后一个阶段，所有的响应体都回来了
        if (xhr.readyState === 4) {
            // 判断响应码
            if (xhr.status >= 200 && xhr.status < 300) {
                // 表示成功
                // console.log(JSON.parse(xhr.response));
                resolve(jsON.parse(xhr.response))
            } else {
                reject(xhr.status)
            }
        }
    }
})
// 指定回调
promise.then((val) => {
    console.log(val);
}, err => {
    console.log(err);
})