流星变量范围

Question

我对 JavaScript 相当陌生，甚至对 Meteor 也很陌生，并且对我认为我对变量范围的了解以及现实情况感到有些困惑。所以我有这个 Meteor 事件助手：

Template.test.events({
  'click .selector': function (e) {
   e.preventDefault();
   var someArray = [1,2,3,4];
   var someVariable = "jquery slector data";

   console.log(someVariable); //this works as expected

   someArray.each(function(index, el) {
     console.log(someVariable); //not defined?
   })
  }
})

我的印象是，在我的 .each 函数之外声明的任何变量都可以在其中使用？但是我没有定义。这是 Meteor 特有的东西还是一般的 JavaScript？另外，如何使变量在 .each 函数中可访问而不使它们成为全局变量？我不认为在 .each 循环中定义我的变量是理想的，因为这意味着要多次访问 DOM。

谢谢。

Answer 1

问题似乎是您正在尝试使用each() 方法，而Array.prototype 上不存在该方法。我相信您正在寻找Array.prototype.forEach()。 Underscore 的_.each(array, callback) 方法也可以使用，并且更兼容旧版浏览器。

这应该可行：

Template.test.events({
  'click .selector': function (e) {
    e.preventDefault();
    var someArray = [1,2,3,4];
    var someVariable = "jquery slector data";

    console.log(someVariable);

    someArray.forEach(function(val, index) {
      console.log(someVariable);
    });
  }
});

或者，为了兼容性：

   _.each(someArray, function(val, index) {
     console.log(someVariable);
   })

我相信您的困惑源于使用 jQuery 的 $.each() 方法，该方法与原生的 forEach 和 Underscore 的 _.each() 的工作方式不同。一方面，jQuery 有不同的参数顺序（注意我在代码中切换了参数的顺序）。一般来说，我建议将 Underscore 用于与集合相关的函数，而将 jQuery 主要用于 DOM 操作。