Почему window.addEventListener не работает?

Question

В событии window.onload я бы хотел вызвать функцию. Если я определяю его как указано ниже, функция не будет вызвана.

try { 
    window.addEventListener("load", initialiseTable, false); 
} catch(e) { 
    window.onload = initialiseTable; 
} 

var initialiseTable = function() { 
    console.log("hello world!!"); 
}; 

, но если я изменить объявление функции в

function initialiseTable() { 
    console.log("hello world!!");}; 

это работает, любая идея?

Answer 1

В то время как вы используете var x = function(){} объявить функции, следует объявить перед вызовом функции.

К function x(){}, x будет существовать в текущем объеме, независимо от того, как позже оно будет объявлено. Потому что такой побочный эффект, var x = function(){} более рекомендуется. Например:

var user = 'alien'; 
if(user == 'alien') { 
    function salute() { console.log("Welcome to Earth!"); } 
} else { 
    function salute(){ console.log("Good day!"); } 
} 

salute() напечатает Good day! в любом случае, даже если это не мы хотим, чтобы у всех.

Answer 2

Объявите функцию раньше.

var initialiseTable = function() { 
    console.log("hello world!!"); 
}; 
try { 
    window.addEventListener("load", initialiseTable, false); 
} catch(e) { 
    window.onload = initialiseTable; 
} 

Для получения более подробной информации об объявлении функции прочитать: var functionName = function() {} vs function functionName() {}

Answer 3

Просто поместите функцию initialiseTable на первую позицию, например:

var initialiseTable = function(){ /*[...]*/ } 

После продолжают звонить.

Answer 4

Объявление функции должно всегда предшествовать его вызову.

На этой линии: -

window.addEventListener("load", initialiseTable, false); 

initialiseTable не известно, поэтому он должен быть помещен после определения функции. Фактически оператор функции заставляет связать свой идентификатор перед тем, как что-либо в его кодовом блоке * выполняется. Объявления объявлений функций загружаются до того, как выполняется какой-либо код. Он отличается от выражения функции, которое оценивается в нормальном порядке сверху вниз. Функциональные выражения загружаются только тогда, когда интерпретатор достигает этой строки кода. так что если вы используете: -

var initialiseTable = function() { 
    console.log("hello world!!"); 
}; 

это не будет работать, но это работает: -

function initialiseTable() { 
    console.log("hello world!!");}; 

Answer 5

Поскольку вы из C#, то разница очень много, как:

class A { 
    public int method2() { 
     //I can call method1 even though it *declared* later below 
     int a = method1(); 
    } 

    public int method1() { 

    } 
} 

против

class B { 
    public int method2() { 
     bool a = method1(3); //I can't call it because it is *assigned* later below. 
         //In fact I cannot even compile it 
     Func<int, bool> method1 = x => x == 3; 
    } 
} 

Вы можете заметить разницу в JavaScript, если вы посмотрите на:

function a() { 

} 

Нет назначения нигде.

Как и в случае с var a = function(){}, очевидно, что это присвоение и похоже на последний пример C#.