未捕获ReferenceError:未定义bunny_data

Question

js代码如下所示：

​

    var images = new Parse.Query("Images");
	var bunny_data = [];

	images.equalTo("indexImg","T");
	images.find({
        success: function(objects) {
            /*for(var i = 0;i<objects.length;i++){
            	var object =  objects[i];
            	imgs.push(object.get('imgUrl'));
            };
            bunny_view = $("#bunny-template").html();
            alert(imgs);
			$('#container').append(_.template(bunny_view, imgs));*/
			for(var i = 0;i<objects.length;i++){
            	var object =  objects[i];
            	bunny_data.push(object.get('imgUrl'));
            };

			bunny_view = $("#bunny-template").html();
			alert(bunny_data);
			$('#container').append(_.template(bunny_view, bunny_data));
        },
        error: function(error) {
            console.log("An error occured :(");
        }
	});

​

html如下所示：

​

<script type='text/template' id="bunny-template">
  <div> 
     <h5><%= name %></h5>
     <ul>
       <% for(var tag in bunny_data) { %>
           <li><%= bunny_data[tag] %></li>
       <% } %>
     </ul>
  </div>
</script>

​

当我运行这段代码时，错误是未捕获ReferenceError:没有定义bunny_data。但我仍然会收到包含正确数据的警报弹出窗口。非常感谢！

Answer 1

你正在尝试使用一个变量，它在一个作用域中是局部的，而在另一个作用域中是全局的，这就是为什么你可以在你的图像查找函数中使用正确的数据，但在另一个作用域中，你的html，bunny_data将不会被定义。