JS函数报错Uncaught ReferenceError: XX is not defined问题及解决

更新时间：2023年10月17日 15:05:03 作者：MinggeQingchun

这篇文章主要介绍了JS函数报错Uncaught ReferenceError: XX is not defined问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

JS报错Uncaught ReferenceError: XX is not defined

在js开发中，很多人遇到类似问题，都找不到解决方法；

Uncaught ReferenceError: XX is not defined

这里主要有解决方法步骤

方法/步骤

1、出现这个错误，最可能的是引用的各个js的调用顺序有误，重新调整其引用顺序看看能否解决？

原因是引入jquery.js顺序不对 jquery.js要放在其它js之前

 <script src="__ADMIN__/js/jquery.js" language="JavaScript" type="text/javascript"></script>
 <script src="__ADMIN__/js/bilibili.js" language="JavaScript" type="text/javascript"></script>

2、还有一个原因就是在你引用js时，路径出错，不是你项目中正确的文件路径

3、还有一个原因是你的js中有某些值是不存在的

4、JS函数未定义（这种低级的相信大家都不会犯，但是不排除定义的函数和声明的函数名称不一致的情况，或者传入参数不一致）

5、将Javascript函数放在了body和head之外了

在 html 中写 javascript 函数的时候，通常有三种形式：

（1）内部：Html网页的<body></body>中
（2）内部：Html网页的<head></head>中
（3）外部：外部JS文件里

（1）写在<body></body>中

当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中

<html>
    <head>...</head>
    <body>
        <script type="text/javascript">....</script>
    </body>
</html>

（2）写在<head></head>中

当不希望一载入HTML就运行javascript时，而是通过触发事件，这使通常将Javascript放在HTML的<head></head>里

<html>
    <head>
        <script type="text/javascript">....</script>
    </head>
    <body>
        ...
    </body>
</html>

6、Javascript函数定义在对象声明之前。你的代码是直接就能运行的话,要是代码所操作的对象在代码后面,有的浏览器会返回错误.因为它们是按顺序加载对象

如以下：错误的运用了标签 defer属性

<script src="__ADMIN__/js/jquery.js" type="text/javascript" defer="defer"></script>

看官方说明

defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。

因为defer属性所以想要的效果被延迟了所以发生了错误

7、除了以上这个具体的错误，还可能遇到类似的Uncaught ReferenceError: XXXX is not defined错误，这类错误就要多检查传值错误，或者某些值不存在

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

javascript创建对象的3种方法
这篇文章主要介绍了javascript创建对象的3种方法,对比分析js创建对象三种方式的优缺点，感兴趣的小伙伴们可以参考一下
2016-11-11
如何创建 JavaScript 自定义事件
这篇文章主要介绍了如何创建 JavaScript 自定义事件，我们将通过文章学习到有关创建自定义事件，侦听自定义事件以及创建双击自定义事件所要了解的内容,需要的朋友可以参考一下
2022-05-05
js实现带箭头的进度流程
这篇文章为大家详细主要介绍了js实现带箭头的进度流程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03
javascript 玩转Date对象(实例讲解)
下面小编就为大家带来一篇javascript 玩转Date对象(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
JavaScript自定义数组排序方法
这篇文章主要介绍了JavaScript自定义数组排序方法,实例分析了javascript自定义数组排序的原理与实现技巧,非常具有实用价值,需要的朋友可以参考下
2015-02-02
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
这篇文章主要介绍了JS获取日期的方法,结合具体实例分析了javascript计算昨天,今天,明天,前n天,后n天日期及对应的星期几实现技巧,需要的朋友可以参考下
2017-09-09
layer.open回调获取弹出层参数的实现方法
今天小编就为大家分享一篇layer.open回调获取弹出层参数的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
JS实现一个按钮的方法
这篇文章主要介绍了JS实现一个按钮的方法,实例分析了使用js实现一个按钮的功能与相关技巧,需要的朋友可以参考下
2015-02-02
js解决url传递中文参数乱码问题的方法详解
前后台用js传参过程中,如果是中文就容易出现乱码,下面这篇文章主要给大家介绍了关于js解决url传递中文参数乱码问题的的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-05-05
JS导入本地json文件数据的三类方法举例讲解
作为一名刚入行的开发者,你可能会遇到需要在JavaScript中引用JSON文件的情况,下面这篇文章主要给大家介绍了关于JS导入本地json文件数据的三类方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
2024-09-09