JavaScript中Uncaught ReferenceError: xxx is not defined报错处理

爱游博客
爱游博客
爱游博客
2246
文章
200
评论
2020年2月2日18:40:11 评论 364 923字阅读3分4秒

JavaScript这个东西爱游真的一点都不懂,也看不懂,十窍通了九窍还有一窍不通,只能靠搜索,靠蒙,今天刚好就遇到这个问题就记录下。JavaScript中Uncaught ReferenceError: xxx is not defined报错处理

一、报错代码及原因

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <a href="javascript:void(0)" onclick="init()">点我</a>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript">
    //var init;
    window.onload=function(){
        var init = function(){
            console.log(0)
        }
    }
</script>
</html>

或者把init函数写在JQ的$(document).ready函数里面也会报标题错误;原因是未找到该函数;

二、为什么会报错?

具体原因应该是和html渲染过程有关。这里就不详细说;总之就是点击的时候立即执行,发现该函数还未定义。所以就报错了;

解决办法:一个是直接写函数,不写window.onload函数或者JQ的ready方法。

但推荐第二个方法,如下:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <a href="javascript:void(0)" onclick="init()">点我</a>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript">
    var init;      //先声明一个变量,后面再给其赋值
    window.onload=function(){
        var init = function(){
            console.log(0)
        }
    }
</script>
</html>

以上都看情况,一般出现未声明,就是这方法,直接声明即可。

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 微信公众号
  • 微信扫一扫
  • weinxin
  • 微信小程序
  • 微信扫一扫
  • weinxin
爱游博客
  • 本文由 发表于 2020年2月2日18:40:11
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接