原生js常见报错及其处理方案

简介: 原生js常见报错及其处理方案

一览

错误类型 解释
Syntax Error 语法错误,JavaScript 无法解析代码
Reference Error 引用不存在的变量
Type Error 变量或参数不是预期的类型
URI Error URI 处理函数使用了无效的 URI
Eval Error eval()函数使用错误
Range Error 数值超出有效范围

Syntax Error

原因

这个错误是比较低级的错误,就是浏览器检查代码语法都不对,就不会帮你执行,直接报错了

解决方案

看错误提示的代码行号,定位到对应位置,然后修改好即可

E7GY3X)1_VQJC)YZEXMAM_4.png

Reference Error

原因

表示代码中使用的变量 未定义,也就是该变量没有被 let 或者 const 声明过,或者不是一个函数的参数、或者不是一个全局变量。 常见的原因

  1. 单词写错
  2. 忘记使用 letconst 声明了。

解决方案

看清楚是哪个变量未定义,然后定位到具体代码行数,来修复它。该定义就定义,写错单词就修改单词。

Z1A_OT]21OBA$3%FVS9}6_3.png

Type Error

原因

出现这个错误的原因是 类型不对。比如 字符串类型的变量使用了字符串类型的方法,字符串类型的变量使用了数组类型的方法、又或者是单词写错。 如 a.psuh 等。

解决方案

先解决单词写错的问题,如 pauh。然后检查是不是数据类型和对应的方法记错了。 如 [].toFixed() 就是数组使用了字符串的方法。然后仔细对比。

AGJ9IW]7~89IY9T8P(3ZGJY.png

类似的错误还有以下

D6N(FWCTN`PXHKQ3WA{}W9F.png


(IY$QLZX68I31X(%R4XKH1O.png

Range Error

原因

传入的参数超出有效范围

解决方案

仔细查看错误提示,调整参数的数值即可

5Q%W7I0TWA(46RL7}7VZR2F.png

URI Error

原因

全局的| URI 处理函数接收了错误的参数

解决方案

检查参数即可

`@P~]$H6ERPYAJ3G3~15G84.png

目录
相关文章
|
5月前
|
Web App开发 存储 数据处理
Chrome 下载大文件报错!用 Streamsaver.js 完美填坑
本文探讨了Chrome下载大文件报“网络错误”的原因及解决方案。由于Chrome对Blob数据有大小限制,导致大文件下载失败。通过将responseType改为ArrayBuffer可临时解决1-2G文件问题,但超3G仍会崩溃。最佳方案是使用Streamsaver.js实现流式下载,边接收边保存,避免内存溢出,完美支持超大文件下载。
3183 3
|
缓存 JavaScript 前端开发
mapbox没有token/token失效,地图闪烁后变空白,报错Error: A valid Mapbox access token is required to use Mapbox GL JS.
本博客介绍了mapbox如何去除token验证,暴力破解mapbox的token验证机制。一劳永逸解决mapbox地图闪现一下然后变成空白,报错Error: A valid Mapbox access token is required to use Mapbox GL JS.的方法,还介绍了类似问题的具体解决思路。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 前端开发 测试技术
在 golang 中执行 javascript 代码的方案详解
本文介绍了在 Golang 中执行 JavaScript 代码的四种方法:使用 `otto` 和 `goja` 嵌入式 JavaScript 引擎、通过 `os/exec` 调用 Node.js 外部进程以及使用 WebView 嵌入浏览器。每种方法都有其适用场景,如嵌入简单脚本、运行复杂 Node.js 脚本或在桌面应用中显示 Web 内容。
1118 15
在 golang 中执行 javascript 代码的方案详解
|
存储 网络架构
Next.js 实战 (四):i18n 国际化的最优方案实践
这篇文章介绍了Next.js国际化方案,作者对比了网上常见的方案并提出了自己的需求:不破坏应用程序的目录结构和路由。文章推荐使用next-intl库来实现国际化,并提供了详细的安装步骤和代码示例。作者实现了国际化切换时不改变路由,并把当前语言的key存储到浏览器cookie中,使得刷新浏览器后语言不会失效。最后,文章总结了这种国际化方案的优势,并提供Github仓库链接供读者参考。
983 0
Next.js 实战 (四):i18n 国际化的最优方案实践
|
自然语言处理 JavaScript 前端开发
一文梳理JavaScript中常见的七大继承方案
该文章系统地概述了JavaScript中七种常见的继承模式,包括原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合继承等,并探讨了每种模式的实现方式及其优缺点。
一文梳理JavaScript中常见的七大继承方案
|
JavaScript 前端开发 开发工具
【Azure Developer】使用JavaScript通过SDK进行monitor-query的client认证报错问题
AADSTS90002: Tenant 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' not found. Check to make sure you have the correct tenant ID and are signing into the correct cloud. Check with your subscription administrator, this may happen if there are no active subscriptions for the tenant.
162 1
|
缓存 监控 JavaScript
常见的JS优化方案都有那些
【7月更文挑战第7天】 JavaScript优化包括代码优化(箭头函数、解构赋值、模板字面量、展开运算符、高阶函数)、DOM操作优化(减少操作、事件委托、节流防抖)、异步优化(Promise、Web Workers)、缓存策略(结果缓存、HTTP缓存)、压缩合并以及性能分析和监控。通过这些方法,提升网页性能和用户体验。
290 1
|
JavaScript 前端开发 数据可视化
js 实现动画的两种方案对比:setTimeout vs RAF (requestAnimationFrame)
js 实现动画的两种方案对比:setTimeout vs RAF (requestAnimationFrame)
245 2
|
JavaScript
js 捕获 await 的报错
js 捕获 await 的报错
135 1
|
JavaScript 前端开发 C++
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
212 0