变量范围 - jQuery/JavaScript

Question

我在使用 jQuery/JavaScript 中的变量范围时遇到了一些问题。我将仅提供一个代码示例来说明我的问题，因为它可能比尝试用文字解释更容易理解。

var example_1 = function() {
    row = 10;
}

var example_2 = function() {
    something.click(function(){
        var something_3 = function() {
            alert(row);
        }
        something_3();
    }
}

问题是，无法在 something_3 函数中访问行变量。我在 example_2 函数中访问了 example_1 函数中的其他变量，但是当放入 something_3 函数时它不再起作用。感谢您的帮助！

编辑：添加了额外的代码来显示哪些有效，哪些无效。行在 Build 函数中定义，就像 board 和 mines 一样。板和地雷可以访问，但行不能。

var build = function(row) {
  row = typeof row !== 'undefined' ? row : 5;
  board = $('.container');
  mines = [1,2,3,4]; 
}

build();

var start = function() {
  var tile = $('.container div');
  tile.click(function() {
    var this_index = $(this).index();
    var has_mine = $.inArray(this_index, mines);

    var scan = function() {
      alert(row);
    }
    if (has_mine > -1) {
      add_alert("Has mine, you're dead!");
    } else {
      scan();
      $(this).html('Clear!');
    }
 });

  var add_alert = function(msg) {
    board.append("<span class='alert'>" + msg + "</span>")
    $('body').append("<div class='blackout'></div>");
  }

}

start();

Answer 1

var build = function(row) {
  row = typeof row !== 'undefined' ? row : 5;
  //[...]
}

row 没有被定义为变量，而是一个参数。这样，它就不会作为全局变量泄漏。

只需更改参数名称即可：

var build = function(rowValue) {
  row = typeof rowValue !== 'undefined' ? rowValue: 5;
  //[...]
}

但是，您不应该使用隐式全局变量。全局变量已经够糟糕了。

选项一，声明变量：

var row, board, mines;

var build = function(rowValue) {
  row = typeof rowValue !== 'undefined' ? rowValue : 5;
  board = $('.container');
  mines = [1,2,3,4]; 
}

选项二，使用全局标识符：

var build = function(row) {
  window.row = typeof row !== 'undefined' ? row : 5;
  window.board = $('.container');
  window.mines = [1,2,3,4]; 
}

Answer 2

多个问题：

• 如果您不在函数内的变量前面指定 var，它将成为全局变量
• row 没有被初始化，因为你没有调用 example_1();还
• 在不相关的注释中，不要忘记在匿名函数末尾使用分号，因为它可能被解释为自执行函数。

编辑 2：

var build = function(row) {};

好的，所以您的问题是 row 变量是一个参数，因此 不再是全局变量。如果您删除传递给构建方法的行参数/更新变量名称，它将起作用。