JavaScript这个东西爱游真的一点都不懂，也看不懂，十窍通了九窍还有一窍不通，只能靠搜索，靠蒙，今天刚好就遇到这个问题就记录下。
一、报错代码及原因
<!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>
以上都看情况，一般出现未声明，就是这方法，直接声明即可。
版权申明：
请先 ！