如何在使用javascript创建对象的同时执行函数

How can i execute a function while creating an object using javascript?

本文关键字：执行 函数 创建对象 javascript      更新时间：2023-09-26

如何在使用javascript 创建对象的同时执行函数

运行以下代码

 var y = [] ;
 var x = [[1,2,3] , [4,5,6] , [7,8,9]]
 for (var i = 0 ; i < 3 ; i++){
     y.push({name :'MyName' , value:function(){return x[i]} }) ; 
 }
 console.log(y) ;

将生成以下对象

{name : 'MyName' , value : function (){return x[i]}

问题

我该如何执行这个对象函数：

{name : 'MyName' , value : function (){return [1,2,3]}

我试过eval()，但不起作用

这是我的jsFiddle

对于那些问WHY的人来说，你在这样做吗？我这样做是因为对象将按值复制，所以我最终会使所有的object.Value等于X[2]；

这是一个奇怪的代码位。我不确定你想达到什么目的。但是您遇到的问题是i在整个循环中都在递增。因此，当最终调用函数时，i的值为3，因此超出了x数组的界限。你可以这样修复：

var y = [] ;
var x = [[1,2,3] , [4,5,6] , [7,8,9]]
for (var i = 0 ; i < 3 ; i++){
    y.push({
        name :'MyName',
        index: i,
        value:function(){return x[this.index]; } 
    }) ; 
}
console.log(y[0].value());

或者，如果您不明确需要执行函数：

var y = [] ;
var x = [[1,2,3] , [4,5,6] , [7,8,9]]
for (var i = 0 ; i < 3 ; i++){
    y.push({
        name :'MyName',
        value: x[i]
    }) ; 
}
console.log(y[0].value);

要成功地将这些对象添加到数组中，您需要在y.push（）语句上创建一个闭包。闭包将确保变量x[i]在被调用时可用于value（）函数。

下面的代码定义了"addItem（）"函数，它关闭了创建自包含环境的对象的"value（）"功能。这意味着即使在"addItem（）"函数完成之后，"value（）"功能仍然可以访问在"addItem[（]）"函数中定义或传递的变量。

var i = 0
var y = [] ;
var x = [[1,2,3] , [4,5,6] , [7,8,9]];
function addItem(item) {
    y.push({
        name: 'MyName', 
        value: function () {
            return item;
        }
    });
}
for ( ; i < 3 ; i++) {
    addItem(x[i]);
}
console.log(y);
/*
[ { name: 'MyName', value: [Function] },
  { name: 'MyName', value: [Function] },
  { name: 'MyName', value: [Function] } ]
*/
console.log(y[0].value()); // [1, 2, 3]
console.log(y[1].value()); // [4, 5, 6]
console.log(y[2].value()); // [7, 8, 9]

你也可以在循环中使用匿名函数来实现同样的事情，但我选择不这样做，因为每次你绕过for循环时都会创建一个新函数。

相关文章：