Определены ли функции независимо от заказа?

Question

Я вообще не javascript noob, хотя за всю свою жизнь я никогда не сталкивался с этим, но правильно ли я предполагаю, что javascript должен назначать функции перед запуском чего-либо или чего-то еще?

Во всем моем опыте я ожидал, что это вернет «неопределенный», но, очевидно, оно возвращает «функцию».

function bar() { 
    return foo; 
    foo = 10; 
    function foo() {} 
    var foo = '11'; 
} 
alert(typeof bar()); 

Может ли кто-нибудь объяснить это для меня?

Answer 1

Это поведение JavaScript называется Подъемник. Существует хорошее объяснение на MDN (https://developer.mozilla.org/en-US/docs/Glossary/Hoisting)

В JavaScript возведены функции и переменные. Подъем - это поведение JavaScript для перемещения объявлений в верхней части области (глобальная область видимости или область текущей функции).

Это означает, что вы можете использовать функцию или переменную до того, как она была объявлена, или другими словами: функция или переменная могут быть объявлены после того, как они уже были использованы.

В принципе, если вы объявляете переменную как это:

console.log(s);    // s === undefined 
var s = 'some string'; 

s декларация будет «водрузил» к началу объема (т.е. там не будет никаких ReferenceError на линии с console.log). Значение переменной в этот момент не будет определено, хотя.

То же самое происходит с назначением анонимной функции переменным, так:

console.log(f);    // f === undefined 
f();      // TypeError: f is not a function 
var f = function() {};  // assigning an anonymous function as a value 
f();      // ok, now it is a function ;) 

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

С другой стороны, если вы объявляете с именем функции:

console.log(f);    // f === function f() 
f();      // we can already run it 
function f() {};   // named function declaration 

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

Answer 2

Ну, в функции JavaScript нет ничего, кроме объекта.

Когда вы говорите TypeOf бар(), в функции бар вы возвращаете Foo, который является еще одним function.You просто возвращается имя функции, так, он возвращает конструктор обув function.So, ваш typeof получить значение foo constructor который является типом функции. Так, это функция предупреждения.Он по-прежнему относятся к Foo из closure

Снова в бар Defination, Вы возвращаетесь Foo, но его определение еще не encountered.In JavaScript, когда при разборе инструкции, декларации переменной и функция находится сверху в области текущей функции.

Итак, ваше заявление

function bar() { 
    return foo; 
    foo = 10; 
    function foo() {} 
    var foo = '11'; 
} 

эквивалентно

function bar() { 
    function foo() {} 
    return foo; 
    foo = 10; 

    var foo = '11'; 

Это называется JavaScript top hoist

} 

Answer 3

Это довольно легко проверить;

foo(1); 

function foo(i) { 
    if (bar()) { 
     alert("foo called, bar true, i = " + i); 
    }; 
} 

foo(2); 

function bar() { 
    return true; 
} 

foo(3); 

DEMO

Это показывает, что Javascript загружает все функции перед выполнением ничего. Поэтому не имеет значения, какие функции порядка определены.