axios.js 原理(axios.get()返回值是promise对象)

最新推荐文章于 2025-02-13 23:54:14 发布

^O^Come on

最新推荐文章于 2025-02-13 23:54:14 发布

阅读量1.4k

点赞数 3

分类专栏：笔记文章标签： javascript 前端 json

本文链接：https://blog.youkuaiyun.com/weixin_46349935/article/details/127407227

版权

笔记专栏收录该内容

18 篇文章

订阅专栏

本文深入探讨axios.js库中get方法的工作原理，揭示其返回Promise对象的内部机制。通过理解这一过程，开发者可以更好地掌握异步操作和Promise在JavaScript前端开发中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    fn = async () => {
      await axios.get()

    }
    //axios底层原理:promise对象包裹 ajax原生代码
    axios = {
      get(url) {
        return new Promise((resolve, reject) => {
         const xhr=  new XMLHttpRequest
         xhr.open(url)
         xhr.send()
         xhr.onload=function(){
          //JSON字符串转js对象
          const res=JSON.parse(xhr.responseText)
          resolve(res)

         }
         xhr.onerror=function(){
          reject('请求错误')
         }
          
        })

      },
    }
    // axios.get()的返回值是一个promise对象 因此axios.get()有then方法 也就是axios.get().then
  </script>
</body>

</html>