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错误，这类错误就要多检查传值错误，或者某些值不存在

总结

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

您可能感兴趣的文章:

原生js仿淘宝网商品放大镜效果
本文主要介绍了原生js仿淘宝网商品放大镜效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
深入理解JavaScript柯里化的概念和原理
在JS编程中, 函数是一等公民, 具备了强大的灵活性和复用性，而柯里化作为一种高阶技术, 可以进一步提升函数的复用性和灵活性，在本篇博客中, 我们将深入探讨 JS 中柯里化的概念和原理, 并了解其在实际开发中的应用场景,需要的朋友可以参考下
2023-06-06
JavaScript实现Sleep函数的代码
大家知道，JavaScript中没有内置我们常用的sleep()函数，只有定时器setTimeout()和循环定时器setInterval()
2007-03-03
百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和WGS84坐标系之间的转换
这篇文章主要介绍了百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和WGS84坐标系之间的转换的相关资料,需要的朋友可以参考下
2016-02-02
微信小程序在Tab的icon上显示消息数量的方法
这篇文章主要介绍了微信小程序在Tab的icon上显示消息数量的方法,首先,在app.json文件中,找到对应的tabBar配置,本文通过示例代码给大家介绍的非常详细,需要的朋友可以参考下
2024-08-08
javascript正则表达式中分组详解
这篇文章主要介绍了javascript正则表达式中分组的相关资料,包括捕获性分组和非捕获性分组,需要的朋友可以参考下
2016-07-07
Bootstrap table 定制提示语的加载过程
bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。这篇文章主要介绍了Bootstrap table 定制提示语,需要的朋友可以参考下
2017-02-02
js单页hash路由原理与应用实战详解
本篇文章主要介绍了js单页hash路由原理与应用实战详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
js的es6常用新特性详解
ES6（ECMAScript 6,也称为ES2015）是JavaScript的一个重要更新版本,引入了许多新的语言特性和改进,使得JavaScript变得更加现代化、易读、易维护和更适合大型应用程序的开发,ES6的主要变化归纳为：语法糖、新机制、更好的语义、更多的内置对象和方法
2023-11-11
JS中注入eval, Function等系统函数截获动态代码
这篇文章主要介绍了JS中注入eval, Function等系统函数截获动态代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-04-04