解决TypeError:Cannot read properties of undefined并深入解读TypeError错误类型

今儿调接口的时候报错了

引起这个报错的原因是：

post.js这个文件出了问题，加了一个get接口就报了TypeError

首先注意到这里

溯源到这个文件http.js看instance是什么

var instance = axios.create({timeout: 1000 * 12
});

再根据axios官方文档给出的示例Axios实例

const instance = axios.create({baseURL: 'https://some-domain.com/api/',timeout: 1000,headers: {'X-Custom-Header': 'foobar'}
});

所以说instance是一个自定义的axios实例对象

我们可以发现，上面的报错在于我没有在instance实例对象上挂载get方法就调用，导致报了TypeError

反其道而行，我开始思考为什么这个问题报的错为什么是TypeError而不是别的错误类型

深入研究一下TypeError

TypeError是变量或参数不是预期类型时发生的错误。比如，对字符串、布尔值、数值等原始类型的值使用new命令，就会抛出这种错误，因为new命令的参数应该是一个构造函数。

new 123
//TypeError: number is not a func
var obj = {}; obj.unknownMethod()
// TypeError: undefined is not a function

应该是这样

在声明obj这个变量的时候没有unknownMethod这个方法，然后就会返回一个undefined

再通过obj.unknownMethod()这种形式去试图访问一个unknownMethod函数，但是由于undefined并不是一个函数，（这是两种数据类型，undefined是基本数据类型，而function是引用数据类型），所以报的错是undefined is not a function不就是翻译过来的话嘛，只是说报错的原理是这样解析的

所以，对于axios的instance上的get方法也是同理可得

一方面打通了axios原理，就具备了自己二次封装axios的能力，等待一次实践的机会，原生的axios有很多好东西，在复杂的业务场景中，封装一个优秀的axios会给项目带来很高的请求效率，复用性高，实用性高。

解决TypeError:Cannot read properties of undefined并深入解读TypeError错误类型相关推荐

TypeError: Cannot set properties of undefined (setting ‘xx‘)
TypeError: Cannot set properties of undefined (setting 'xx') 目录 TypeError: Cannot set properties of ...
解决“TypeError: Cannot read properties of undefined (reading ‘push‘)“
报错:"TypeError: Cannot read properties of undefined (reading 'push')" 其实vue-router都配好了,但是还是 ...
报错，Uncaught TypeError: Cannot read properties of undefined (reading ‘inputValue‘) at ＜anonymous＞
错误: Uncaught TypeError: Cannot read properties of undefined (reading 'inputValue') at <anonym ...
Uncaught TypeError: Cannot read properties of undefined (reading ‘push’) ---- vue-router报错
坑点在使用vue-router@4的时候,由于vue3中没有this.router这个写法,所以我就将解构router方法,放在了函数中,由于函数有作用域就报了这个错误:Uncaught TypeE ...
vue-router.esm.js?ac56:2316 TypeError: Cannot read properties of undefined (reading ‘$createElement‘
报错: vue-router.esm.js?ac56:2316 TypeError: Cannot read properties of undefined (reading '$createElem ...
vue发送请求时遇到Uncaught (in promise) TypeError Cannot read properties of undefined(reading ‘randomExtend
最近在项目中遇到一个前端问题Uncaught (in promise) TypeError: Cannot read properties of undefined(reading 'randomEx ...
【vue】文件批量上传报错问题解决Uncaught TypeError: Cannot set properties of undefined (setting ‘status‘)
一.问题描述最近在vue项目上,使用el-upload组件实现多文件上传功能时出现了如下的报错内容. Uncaught TypeError: Cannot set properties of und ...
vue3 Uncaught (in promise) TypeError: Cannot read properties of undefined 其实是解构赋值的问题
先看张图,好生奇怪,使用了v-for循环之后突然报错了. 在vue3中当我们用到了解构赋值配合reactive toRefs 方式渲染页面时,报错Uncaught (in promise) TypeE ...
Uncaught TypeError: Cannot set properties of undefined (setting ‘ innerHTML ) 问题
项目考核已经结束,我想分享一下我这次写项目的收获. 首先是"> Uncaught TypeError: Cannot set properties of undefined (sett ...

解决TypeError:Cannot read properties of undefined并深入解读TypeError错误类型

解决TypeError:Cannot read properties of undefined并深入解读TypeError错误类型相关推荐

最新文章

热门文章