javascript: сохранение нескольких переменных в массиве

Question

У меня есть 4 функции: function1, function2, function3, function4.

Теперь значение вычисляется в каждой из первых трех функций. Я хочу сохранить эти 3 значения в глобальном массиве и использовать его в 4-й функции.

Правильно ли подходит следующий подход?

var array1=[] 

function1(){ 
array1[0]=calculated value1; 
} 

function2(){ 
array1[1]=calculated value2; 
} 

function3(){ 
array1[2]=calculated value3; 
} 

Этот массив будет использоваться в 4-й функции.

Answer 1

Нет, я бы не рекомендовал делать это так.

Update: Основываясь на информации, которую вы написали в качестве комментария к другому ответу, я думаю, что ваши различные функции используются для вычисления некоторого значения на основе пользовательского ввода.

Если вы действительно хотите кэшировать значения в глобальной переменной, я бы по-прежнему предлагал вам использовать объект с именованными членами, поскольку он обычно имеет смысл, чем числовой индекс при чтении и попытке понять код:

var myGlobalObject={}; 

function one(){ 
    myGlobalObject.nameOfValueOne = calculated value1; 
} 

Если вам это нужно, как массив, когда вы его сюжет, ваш может создать этот массив:

myPlotFunction([ myGlobalObject.nameOfValueOne, myGlobalObject.nameOfValueTwo]); 

Но если это не имеет смысла называть значения, например, если пользователь может добавить переменное количество значений, тогда вы должны использовать массив и, вероятно, использовать myArray.push(value).

Answer 2

НЕ используйте глобальные переменные, если это не очень важно. И если вы действительно хотите его использовать, попробуйте использовать блокировки, чтобы убедиться, что вы не заполняете глобальную область. Также, чтобы ваши переменные и функции были приватными, что другая глобальная переменная и функции с тем же именем не влияют друг на друга.

Попробуйте обернуть свой существующий код в закрытии. Таким образом, я думаю, что ваш существующий код неплохой. И ваша глобальная переменная является глобальной в блоке закрытия.

(function($){ 
    //.. your existing code. 
})(jQuery) 

Примечание: Все переменные и функции доступны с только закрывающего блока.

Answer 3

Поскольку функции являются объектами первого класса в JavaScript, вы можете сделать некоторые Hacky вещи как этот

var i = 0; 
var fa = function() { 
    fa.result = "result_" + i; 
    i += 1; 
}; 

console.log(fa.result); // prints undefined 

// now call fa 
fa(); 

console.log(fa.result); // prints result_0 


// now call fa again 
fa(); 

console.log(fa.result); // prints result_1 

Так что теперь каждая функция сохраняет свой собственный последний результат, который вы можете использовать в других функциях.

Answer 4

Вот еще один ответ, связанный со сценарием D3.js, наслаждаться

// create a datastructure to hold your array like this 
var ArrayHolder = function() { 
    var _array = [null, null, null]; 
    var __nameIndexMap__ = { 
    "A": 0, 
    "B": 1, 
    "C": 2 
    }; 
    Object.defineProperty(this, 'setData', { 
    value: function(name, value) { 
     var index = __nameIndexMap__[name]; 
     if (index >= 0) { 
     _array[index] = value; 
     } 
    } 
    }); 
    Object.defineProperty(this, 'array', { 
    get: function() { 
     return _array; 
    } 
    }); 
}; 

var myArray = new ArrayHolder(); 


console.log(myArray.array); // prints [null, null, null] 

var i = 0; 

function a() { 
    // provide each function a name 
    var __name__ = "A"; 
    myArray.setData(__name__, i++); 
} 

a(); 

console.log(myArray.array); // prints [0, null, null] 

function b() { 
    var __name__ = "B"; 
    myArray.setData(__name__, i++); 
} 

b(); 

console.log(myArray.array); // prints [0, 1, null] 

function c() { 
    var __name__ = "C"; 
    myArray.setData(__name__, i++); 
} 

c(); 
console.log(myArray.array); // prints [0, 1, 2] 


a(); 
console.log(myArray.array); // prints [3, 1, 2]