javascript的作用域问题

Question

今天被javascript的作用域搞混了，请各位帮我看下这段代码<script type="text/javascript" src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script><script type="text/javascript">     $(document).ready(function(){        var test = function () {            console.log('hello');         }        var i = 1;         $.each([2], function() {            console.log(i);             setTimeout('test()', 1000);         })     })</script>这段代码提示ReferenceError: Can't find variable: test但是当把$(document).ready(function()删掉或者把var test改成test，即不用var的时候，运行就正常了，可是变量i不管有没有var都是可以获取得到的，这是什么原因？