前端控制台报错is not defined

背景：

前端控制台报错is not defined的bug，在一个页面渲染的模板里，多个接口都使用了同一个模板，但是接口返回的参数是不同的。有些接口返回了这个参数，另一些接口可能压根就没有这个参数。这个时候进行页面渲染，调用了那个不存在的参数，就报了is not defined的错。

Is not defined是程序上的错，因为没有声明这个变量就使用了它导致的报错。

解决方法：

面对这种情况，不能提前声明、防止重复声明，普通的判空方法会报错，又必须要进行判空。这时候使用typeof XX != ‘undefined’ && XX进行判空处理，第一个是判断是否定义，第二个是判断空值。

那么undefined instanceof XX起效吗？答案是仍然会报错
那么typeof XX != 'null’起效吗？XX实际上是undefined，而非null，虽然结果为true，但是下一步值判空还是会报错。

原因排查：
其他参考：
https://www.jb51.net/article/240832.htm
↓
Javascript中undefined和not defined有什么区别？
概念上的解释：
undefined是javascript语言中定义的五个原始类中的一个，换句话说，undefined并不是程序报错，而是程序允许的一个值。
not defined是javascript在运行我们的javascript代码时，遇到没有定义就用来运算的变量时爆出来的错误。

在许多的javascript教程中都介绍有javascript变量即使不定义也可以直接拿来使用，但是请注意，这个使用是指可以被赋值，但是不可以被运算

XX = 123; //未定义参数可以被赋值，是可以执行的
YY ? true : false ;//未定义参数不可使用，是is not defined

前端控制台报错is not defined相关推荐

生产前端控制台报504的解决思路
生产前端控制台报504的解决思路详细的错误信息排查思路问题复现修改措施详细的错误信息生产环境页面控制台报错某些接口访问504 Access to fetch at 'https://ser ...
控制台报错：Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db
控制台报错:Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db 问题处理 1 ...
Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION
问题描述:Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION 原因: 服务器使用了TLS1.0 或 TLS1.1 版本,没有使用 TLS1.2 解决方法: 地址栏访 ...
IE浏览器中访问jsp页面，页面不执行ajax请求，后台控制台报错
问题描述:IE浏览器中访问jsp页面,页面不执行ajax请求,后台控制台报错:java.lang.IllegalArgumentException: Invalid character found i ...
控制台报错：java.lang.ClassNotFoundException: javax.xml.bind.JAXBException之解决方法
控制台报错:java.lang.ClassNotFoundException: javax.xml.bind.JAXBException之解决方法参考文章: (1)控制台报错:java.lang.C ...
vue 项目在index.html页面直接引入jq库，报错$ is not defined解决方案
近日在vue项目开发中遇到一个问题:vue 项目在index.html页面直接引入jq库,报错$ is not defined解决方案... 首先说一下为什么会出现这个错误,其实项目发布到线上是不会出 ...
控制台报错For input string: ““、empty String
问题介绍:这几天做东西总是遇到两个问题:控制台报错For input string: "".empty String 背景:虽然不耽误正常使用swagger,但是看着贼烦,而且随着 ...
关于前端接口报错500原因
关于前端接口报错500原因 1.前端与后端入参有出入 2.前端请求头与后端有出入造成, 下面展示一些内联代码片. Content-Type: application/x-www-form-urlen ...
控制台报错：Unknown database ‘xxxxx‘
原文链接: 原文链接:https://www.yujizhu.com/public/18_mysql控制台报错UnknownDatabase/#more 一.问题描述:Unknown database ...

前端控制台报错is not defined

前端控制台报错is not defined相关推荐

最新文章

热门文章