не может получить доступ к массив вне функции, независимо от того, что я делаю

Question

Это HTML часть:

<form> 
<input id="input" type="text"/> 
<button id="button"> Add! </button> 
</form> 
<div class="list"></div> 

Сценарий, как это:

var input = document.getElementById("input"); // save the object 
var button = document.getElementById("button"); 

var myArray = []; 



button.onclick = function alerted(){ 
    myArray.unshift(input.value); // get the value 
    return myArray; 


}; 

alerted(); 
document.write(myArray); 

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

Answer 1

включаю window.onload, так что можно считать, что вход и кнопка не является нулевым

window.onload = function(){ 
var input = document.getElementById("input"); // save the object 
var button = document.getElementById("button"); 

var myArray = ["hello"]; 



button.onclick = function(){ 
    myArray.unshift(input.value); // get the value 
    document.write(myArray); 
}; 

} 

Answer 2

Вы должны использовать имя переменной, назначенной функции, в данном случае button.onclick() будет делать. Именованное функциональное выражение позволяет использовать имя внутри тела, но вы должны использовать имя ссылки, а не имя функции, чтобы называть его в другом месте.

button.onclick = function alerted() { 
    myArray.unshift(input.value); // get the value 
    return myArray; 
}; 

button.onclick(); 

Подумайте об этом так - вы присваиваете объект функции в переменную - это функциональный объект может или не может иметь имя (анонимно). Так что, если ваша функция имеет имя, которое вы можете отобразить его следующим образом:

button.onclick.name //=> alerted 

Answer 3

Следующая:

button.onclick = function alerted(){ 
    myArray.unshift(input.value); // get the value 
    return myArray; 
}; 

Назначает именованный выражение функции в обработчик щелчка кнопки. Функция должна быть доступной только по имени с предупреждением изнутри функции. К сожалению, IE is broken (на самом деле jScript сломан) в этом отношении и делает его доступным как глобальную переменную.

Вы, вероятно, следует использовать функцию выражения:

function alerted(){ 
    myArray.unshift(input.value); // get the value 
    return myArray; 
} 

button.onclick = alerted; 

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