javascript全选功能引发的困惑

Question

直接上代码
代码如下，全选功能不好用

     var _select_all = document.getElementById("select_all");

     var _input = document.querySelectorAll("#shop_content ul input[type=checkbox]");

    _select_all.addEventListener("click",function() {

        

                            

            for(var i = 0;i<_input.length;i++) {

                 _input[i].checked="checked";

        }

     })

改动一句话

var _select_all = document.getElementById("select_all");

    

    _select_all.addEventListener("click",function() {

         var _input = document.querySelectorAll("#shop_content ul input[type=checkbox]");

                            

            for(var i = 0;i<_input.length;i++) {

                 _input[i].checked="checked";

        }

     })

为什么把_input放到下面代码正常执行了？ 根据作用域回调函数中不是可以获取到外界的变量吗？