Javascript область видимости функции и перезапись

Question

У меня есть некоторые JavaScript, как это:

<script> 

var num = 0; 

if(num==0){ 
    function lol(){ 
     alert("lol"); 
    } 
} else { 
    function lol(){ 
     alert("haha"); 
    } 
} 

</script> 

Затем, в конце страницы у меня есть:

<script>lol();</script> 

Как убедиться, что первая функция не всегда перезаписывается вторым в инструкции else?

Благодаря

Answer 1

Как насчет:

if(num == 0) { 
    lol = function() { 
     alert("lol"); 
    }; 
} 
else { 
    lol = function() { 
     alert("haha"); 
    }; 
} 

Answer 2

<script> 

var num = 0; 

if(num==0){ 
    var lol = function(){ 
     alert("lol"); 
    } 
} else { 
    var lol = function(){ 
     alert("haha"); 
    } 
} 

</script> 

Answer 3

Почему вы не реструктурировать код немного:

<script> 

var num = 0;  

function lol(){ 
    if(num==0){ 
     alert("lol"); 
    } else { 
     alert("haha"); 
    } 
} 
</script> 

Answer 4

Если вы хотите условно определить функцию, используйте функциональное выражение, чтобы избежать подъема:

var myFunction = someCondition 
        ? function() { 
         alert('foo'); 
         } 
        : function() { 
         alert('bar'); 
         }; 

myFunction(); 

Answer 5

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

очень исчерпывающее сравнение различных объявлений функций и углубленный предусмотрен внешний вид здесь: http://kangax.github.com/nfe/

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

После прочтения статьи вы узнаете, почему она не всегда перезаписывается.

Вот код, если вы не чувствуете, как чтение его:

<script> 

var num = 0; 
var lol = function(){ 
     alert("haha"); 
    }; 

if(num==0){ 
    lol = function(){ 
     alert("lol"); 
    }; 
} 

</script> 

Answer 6

ответа не предоставил надлежащее описание вашей проблемы там. Поэтому я сделаю все возможное. Проблема, с которой вы столкнулись, заключается в том, что function declarations (это то, что вы там получили) относятся к некоторым другим вещам, интерпретируемым до выполнения javascript. Этот эффект часто называют hoisting, и это означает, что эти функции действительно перемещаются в начало текущего контекста для времени выполнения скрипта.

Пример, в вашем фрагменте кода, это то, что происходит:

<script> 
    var num = 0; 

    function lol(){ 
     alert("lol"); 
    } 

    function lol(){ 
     alert("haha"); 
    } 

    if(num==0) { 

    } else { 

    } 
</script> 

Таким образом, простое решение в данном конкретном случае это, просто не использовать объявления функций, но вместо этого function expression. Мы можем заставить наш двигатель, чтобы создать FE несколько способов, например, мы можем назначить его как

var num = 0, 
    lol; 

if(num === 0) { 
    lol = function() { 
     alert('lol'); 
    }; 
} 
else { 
    lol = function() { 
     alert('haha'); 
    }; 
} 

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