1

我有一个函数 - 让我们将其定义为将函数function getdata(after){}作为after参数。很自然。此函数正在从其他函数运行，该函数在其范围内定义了一些变量：

$('.button').click(function(){
   var rel = $(this).attr('rel');
   var mooo = $(this).parent().offset().left;
   getdata(function(){alert(rel);console.log(moo)});
});

我如何以正确的方式传递这些变量，所以它真的和点击按钮时是一样的？它不能是全局变量，因为用户可以垃圾邮件单击按钮，并且它应该在单击期间保持变量原样，即使after函数会在 10 分钟后以随机顺序调用，因为正如名称所说 - 它正在被调用在ajax请求之后。

这只是一个例子——这个想法是这个after函数也是可变的，从完全不同的地方调用。

好的，知道了-1，因为不清楚我要的是什么，所以我尝试解释这个问题。我真的不明白什么时候变量作为变量传递，什么时候作为变量的指针传递，变量的指针可能会在它被传递给的函数使用之前发生变化。

当我在一个函数中定义变量并将其传递给另一个函数时，它是指针还是独立变量？当我再次调用 origin 函数时，这些变量会改变 - 它会影响之前“shedled”的函数吗？或者变量之前的单词 var 意味着 - 将其定义为全新的变量，并且每次调用带有 var 的函数时，它都会在内存中分配这个变量作为全新的变量，不依赖于发生的任何事情？

我通常是一名 PHP、C 和 Delphi 程序员，我有点难以理解这些变量范围是如何工作的，尤其是当一切都是异步和回调的时候。

4

3 回答 3

2

简单来说，在 javascript 中，简单类型（字符串、数字、布尔值）是按值传递的，而对象是按引用传递的。请参阅此问题以获得真正的详细答案。

如果您不知道要处理多少个参数（或它们的类型），那么您可以使用arguments 数组

var getdata = function(){
    //your function logic

    //arguments is an array with all the args
    //the last one is the "after" function
    var after = arguments[arguments.length-1];
    return after(arguments);
};

$('.button').click(function(){
   var rel = $(this).attr('rel');
   var mooo = $(this).parent().offset().left;
   getdata(rel, moo, /*add all the arguments you want here...*/, function(args){
       alert(args[0]);
       console.log(args[1])
   });
});
于 2013-10-25T18:15:17.053 回答
1

我不确定你在问什么，但这是 rvignacio 答案的变体，允许使用任意数量的参数getdataand after：

var getdata = function(after){
    //your function logic
    return after.apply(null, [].slice.call(arguments, 1));
};

$('.button').click(function(){
   var rel = $(this).attr('rel');
   var mooo = $(this).parent().offset().left;
   getdata(function(rel_param, moo_param){
       console.log(rel_param);
       console.log(moo_param)
   }, rel, moo);
});
于 2013-10-25T18:28:21.867 回答
1

你不能完全按照你描述的那样做。您要做的是将所有关联的闭包传递给回调。在 JavaScript 中，使用了变量的词法范围。这意味着

function outer (callback) {
  var a = 1, b = 2, c = 3;
  var inner = function () {
     // This works because inner is defined inside of outer
     // and has access to a,b,c
     console.log(a,b,c); 
  }      
  inner();
  callback();
}

outer(function() {
    // This won't work because it doesn't know where to get a,b,c from
    // Some languages may(could/allow?) this, JS doesn't
    console.log(a,b,c);
});

因此，要解决您的问题，您必须通过将它们作为参数传递来指定您希望哪些变量可用于回调。rvignacio和bfavaretto已经向您展示了如何做到这一点

eval() 为胜利（真的为失败）

好的，有一种方法，但它需要eval，所以你不应该使用它。无论如何，这是为了好玩。eval()确实在同一范围内执行，因此通过在词法范围内添加一个 eval 和一个回调来调用它，您可以实现您想要的。同样，我不是建议你这样做。它破坏了封装，回调不应该知道调用者的隐私。但只是为了好玩...... http://jsfiddle.net/zbwd7/1/

/**
 * The callback will accept a single argument, it's a function that takes the name
 * of the variable you want to use and returns its value. DON'T EVER DO THIS IN REAL CODE
 * @callback {function(string): *} getVar The function that gives you access to the
 * caller's scope
 * @callback.varName {string} The name of the variable to retrieve
 * @callback.return {*} The value of the variable
 */
function outer (callback) {
  var a = 1, b = 2, c = 3;

  function getVar(varName) {
      return eval(varName);
  }      
  callback(getVar);
}


outer(function(getVar) {
    // outputs one, two, three
    console.log(getVar("a"), getVar("b"), getVar("c") );
});
于 2013-10-25T18:40:47.980 回答