js出现Uncaught ReferenceError: XXX is not defined错误的解决办法

我叫莫同学

已于 2023-07-15 16:32:22 修改

阅读量5.8w

点赞数 11

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

于 2023-07-15 16:14:11 首次发布

本文链接：https://blog.csdn.net/weixin_57666779/article/details/131740715

版权

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

javascript提示：Uncaught ReferenceError: XXX is not defined的意思是函数XXX()没有被定义。js一般出现Uncaught ReferenceError: XXX is not defined这样的错误，大概率是你把函数放在了window.onload里面。

出现这个问题的原因是：

1.window.onload事件是在整个页面包括dom结构、图片等等全部加载完成之后才会触发。把函数写在这里边是为了防止html还没加载完就执行了代码，但是如果你写在一个自己定义的函数中，那函数中的代码是在你调用这个函数的时候才会执行的。

2.如果将你自己的函数写在window.onload里，那么这个函数的作用域就仅仅是window.onload中，该函数是在一个匿名函数内部的局部函数，并不是全局函数，所以你调用时会显示未定义，类似java那个内部类。

3.HTML加载时由上往下的，在HTML加载的时候，遇到function关键字，声明一个函数的时候，就会在内存中开辟一个新的空间来对函数进行存储，方便以后进行调用。

所以，当将function XXX()写到window.onload()=function(){}内部的时候，需要整个页面加载完成的之后，才声明这个函数，也就意味着，当HTML加载到调用函数的时候，window.οnlοad=function(){}里面的函数XXX还没有被声明，这时候内存中就找不到function XXX()，于是会报错。

我补充一点：

是会html是自上而下加载，出现Uncaught ReferenceError: XXX is not defined，极大可能是js引用放在前面例如：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script src="./js/bootstrap.min.js"></script>

//当自定义js文件main.js放在头部是极有可能出现Uncaught ReferenceError: XXX is not defined, 正确的是应该放在body下面

<script src="./js/main.js"></script>

<title>Document</title>

</head>

<body>

</body>

</html>