js中遇到的一个小问题，关于Uncaught ReferenceError:XXX is not defined at HTMLAnchorElement.onclick报错

1、报错代码及缘由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

2、为何会报错？java

　　一、具体缘由应该是和html渲染过程有关。这里就不详细说；总之就是点击的时候当即执行，发现该函数还未定义。因此就报错了；jquery

　　二、解决办法：一个是直接写函数，不谢window.onload函数或者JQ的ready方法。但推荐第二个方法，以下：ajax

<!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>