原生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

目录
相关文章
|
15天前
|
JavaScript 前端开发 测试技术
在 golang 中执行 javascript 代码的方案详解
本文介绍了在 Golang 中执行 JavaScript 代码的四种方法:使用 `otto` 和 `goja` 嵌入式 JavaScript 引擎、通过 `os/exec` 调用 Node.js 外部进程以及使用 WebView 嵌入浏览器。每种方法都有其适用场景,如嵌入简单脚本、运行复杂 Node.js 脚本或在桌面应用中显示 Web 内容。
50 15
在 golang 中执行 javascript 代码的方案详解
|
7天前
|
存储 网络架构
Next.js 实战 (四):i18n 国际化的最优方案实践
这篇文章介绍了Next.js国际化方案,作者对比了网上常见的方案并提出了自己的需求:不破坏应用程序的目录结构和路由。文章推荐使用next-intl库来实现国际化,并提供了详细的安装步骤和代码示例。作者实现了国际化切换时不改变路由,并把当前语言的key存储到浏览器cookie中,使得刷新浏览器后语言不会失效。最后,文章总结了这种国际化方案的优势,并提供Github仓库链接供读者参考。
|
2月前
|
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.
|
3月前
|
自然语言处理 JavaScript 前端开发
一文梳理JavaScript中常见的七大继承方案
该文章系统地概述了JavaScript中七种常见的继承模式,包括原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合继承等,并探讨了每种模式的实现方式及其优缺点。
一文梳理JavaScript中常见的七大继承方案
|
4月前
|
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')问题
|
4月前
|
JavaScript
Vue——使用JS文件中的函数ESLint报错未定义
Vue——使用JS文件中的函数ESLint报错未定义
48 0
|
5月前
|
缓存 监控 JavaScript
常见的JS优化方案都有那些
【7月更文挑战第7天】 JavaScript优化包括代码优化(箭头函数、解构赋值、模板字面量、展开运算符、高阶函数)、DOM操作优化(减少操作、事件委托、节流防抖)、异步优化(Promise、Web Workers)、缓存策略(结果缓存、HTTP缓存)、压缩合并以及性能分析和监控。通过这些方法,提升网页性能和用户体验。
34 1
|
5月前
|
JavaScript 前端开发 数据可视化
js 实现动画的两种方案对比:setTimeout vs RAF (requestAnimationFrame)
js 实现动画的两种方案对比:setTimeout vs RAF (requestAnimationFrame)
79 2
|
5月前
|
JavaScript
js 捕获 await 的报错
js 捕获 await 的报错
30 1
|
5月前
|
移动开发 运维 JavaScript
阿里云云效操作报错合集之遇到Node.js的内存溢出问题,该怎么办
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。

热门文章

最新文章