创建具有值参数而不是引用的函数引用

发布于 2024-08-26 01:16:47 字数 340 浏览 2 评论 0原文

我不确定如何准确描述我想要的东西。我想定义一个函数，其参数是本地值而不是引用。

假设我有要创建的对象列表

for(i = 0; i < 10; i++){
  var div = document.createElement("div");
  div.onclick = function(){alert(i);};
  document.appendChild(div);
}

现在我相信在这个例子中无论我单击哪个 div，它都会提醒“10”；因为这是变量 i 的最后一个值；

有没有办法/如何创建一个函数，其参数是我指定函数时的值...如果这有意义的话。

原文

I'm not sure exactly how to describe what I want. I want to define a function with the parameters being a local VALUE not a reference.

say I have list of objects I want to create

for(i = 0; i < 10; i++){
  var div = document.createElement("div");
  div.onclick = function(){alert(i);};
  document.appendChild(div);
}

Now I believe in this example no matter what div I click on, it would alert "10"; as that is the last value of the variable i;

Is there a way/how do I create a function with the parameters being the value they are at the time I specify the function... if that makes any sense.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

霊感 2024-09-02 01:16:47

您需要在另一个函数中创建该函数。

例如：

div.onclick = (function(innerI) {
    return function() { alert(innerI); }
})(i);

此代码创建一个接受参数的函数并返回一个使用该参数的函数。由于外部函数的参数是按值传递的，因此它解决了您的问题。

将外部函数设置为单独的命名函数通常会更清楚，如下所示：

function buildClickHandler(i) {
    return function() { alert(i); };
}

for(i = 0; i < 10; i++){
    var div = document.createElement("div");
    div.onclick = buildClickHandler(i);
    document.appendChild(div);
}

You need to create the function inside another function.

For example:

div.onclick = (function(innerI) {
    return function() { alert(innerI); }
})(i);

This code creates a function that takes a parameter and returns a function that uses the parameter. Since the parameter to the outer function is passed by value, it solves your problem.

It is usually clearer to make the outer function a separate, named function, like this:

function buildClickHandler(i) {
    return function() { alert(i); };
}

for(i = 0; i < 10; i++){
    var div = document.createElement("div");
    div.onclick = buildClickHandler(i);
    document.appendChild(div);
}

回复收藏 0 原文

三生池水覆流年 2024-09-02 01:16:47

您可以使用匿名函数：

for(i = 0; i < 10; i++){
    (function(i){
        var div = document.createElement("div");
        div.onclick = function(){alert(i);};
        document.appendChild(div);
    })(i)
}

You could use an anonymous function:

for(i = 0; i < 10; i++){
    (function(i){
        var div = document.createElement("div");
        div.onclick = function(){alert(i);};
        document.appendChild(div);
    })(i)
}

回复收藏 0 原文

~没有更多了~