Javascript如何理解全国甲卷高考作文

function getUserName(id, callback) {
    setTimeout(function () {
        callback('001姓名为鲨鱼辣椒')
    }, 1000)
}
function getUserSex(id, callback) {
    setTimeout(function () {
        callback('001性别为男')
    }, 1000)
}
function getUserAge(id, callback) {
    setTimeout(function () {
        callback('001年龄为5')
    }, 1000)
}
// 开始套娃
getUserName('001', function (name) {
    console.log(name)
    getUserSex('001', function (sex) {
        console.log(sex)
        getUserAge('001', function (age) {
            console.log(age)
        })
    })
})

function getUserName(id) {
    return new Promise(function (resolve) {
        setTimeout(function () {
            resolve('001姓名为鲨鱼辣椒')
        }, 1000)
    })
}
function getUserSex(id) {
    return new Promise(function (resolve) {
        setTimeout(function () {
            resolve('001性别为男')
        }, 1000)
    })
}
function getUserAge(id) {
    return new Promise(function (resolve) {
        setTimeout(function () {
            resolve('001年龄为5')
        }, 1000)
    })
}
// 禁止套娃，一切都开始扁平了起来
getUserName('001').then(function (data) {
    console.log(data)
    return getUserSex('001')
}).then(function (data) {
    console.log(data)
    return getUserAge('001')
}).then(function (data) {
    console.log(data)
})

var p = new Promise((resolve, rejected) => {
    // 1秒钟之后调用resolve，将初始化状态改为成功状态
    // 注意，在此1秒钟之前，p的状态始终为初始化状态，因为Promise尚未作出决议
    setTimeout(resolve, 1000)
})
// then方法会在约1秒钟后执行
p.then(data => console.log(data))

var p = async () =>  await new Promise(r => setTimeout(r, 1000))
var f = Promise.all([p, p])
// then方法会在约1秒钟后执行
p().then(data => console.log(data))

// f会在约1秒钟后决议
var f = async () =>  await new Promise(r => setTimeout(r, 1000))
// then方法会在约1秒钟后执行
f().then(data => console.log(data))

var books = [
    {id: "0000"},
    {id: "1111"},
    {id: "2222"},
    {id: "3333"},
    // more...
]

// request方法会在约1秒钟后“请求成功”
var request = id => new Promise(resolve => setTimeout(resolve, 1000))

var info = []
var requestJs = (id, callback) => {
    var xhr = new XMLHttpRequest()
    open('GET', 'url')
    xhr.send(null)
    xhr.onreadyStatechange = function () {
        if (xhr.readyState == 4) {
            if (xhr.status >= 200 && xhr.status < 300) {
                callback(xhr.responseText)
            }
        }
    }
}
// 通过定时器来模拟请求
var requestJsPolyill = (id, callback) => {
    setTimeout(() => {
        callback(id)
    }, 1000)
}
var judge = data => {
    info.push(data)
    if (books.length === info.length) {
        console.log('请求到的数据：', info)
    }
}
books.forEach(v => requestJsPolyill(v.id, judge))

// 存储获取到的书本信息
var info = []
var f = new Promise(resolve => {
    books.forEach(v => {
        // 根据books中每个id进行请求
        request(v.id).then(() => {
            // 每请求到一个书本信息都会放在info中
            info.push(v.id)
            // 当请求完的信息数量与原始书本的数量对应起来时，则代表全部请求完成
            if (books.length === info.length) {
                resolve(info)
            }
        })
    })
})
// 获取完全部书本信息后执行then方法
f.then(data => {
    console.log('请求到的数据：', data)
})

// 当新数组中的所有Promise全部决议后，then会被如期调用
var f = Promise.all(books.map(async v => await request(v.id)))
f.then(data => {
    console.log('请求到的数据：', data)
})