前端排错

如何排查错误 - [排查错误的步骤]

1. 语法错误 SyntaxError,这是代码中写的变量，语句在语法上有问题

2. 引用错误 ReferenceError, 这是使用的变量，在使用这一刻之前并没有定义，遇见这种错误，就找到这个变量使用的位置，在此之前进行定义

3. 类型错误 TypeError, 这是对数据类型操作不当引起的，比如说对一个 undefined 数据取属性，报错cannot read a property a of undefined；对一个非数组数据执行数组才有的方法，报错`abc.forEach is not a function。

4. 范围错误 RangeError 比如对数组取索引，索引范围是 0 到 length-1 之间，如果取-1 索引就会报错

5. 统一资源定位符错误: URIError, 前端对 url 会进行数据的编码, encodeURI 对整个 url 进行编码，encodeURIComponent 对 url 的组成部分进行编码，如果编码后 url 的不可访问了出错会报这个类型的错误

6. EvalError, 执行 eval 函数时出错。eval 函数接收一个字符串，会把这个字符串解析执行，等效于 js 引擎的功能

7. 如果控制台收到明确的报错，参考上面6种排错思想进行错误处理

8. 如果页面不报错，控制台也没有报错信息，但是就是页面效果不符合预期
   3. 先检查当前部分使用的数据，如果数据正常，说明是组件使用不当，检查调用该数据的属性是否正确
   4. 如果上一步发现数据不对，检查数据: 1. 如果是来自接口的数据，就检查接口调用部分；2. 如果是自定义的数据就看自定义的逻辑
   5. 接口部分检查，先查看 preview 中有没有返回数据。如果有，那就接着看前端自己使用后台数据的逻辑。如果后台接口没有返回数据，那就检查请求的 url 地址、请求方法、请求参数(包含请求的数据格式)