javascript, kapsamı komut dosyası etiketleriyle tanımlar?

Question

Bu sorunla hiçbir zaman karşılaşmadınız ve nedenini bilmiyorsunuz. Tek açıklama, bir kapsam sorunudur. Bu bir hata gösterecektir

... 
<script type="text/javascript"> 
    go(); 
    </script> 

    <script type="text/javascript"> 
    function go() 
    { alert(''); } 
    </script> 
... 

: Aynı sayfada

, ben JS 2 bölümden

... 
    <script type="text/javascript"> 
     go(); 

     function go() 
     { alert(''); } 
     </script> 
    ... 

olduğu go

tanımlanmamıştır çalışıyor (belli ki).

<script> etiketi bir JS kapsamı oluşturur mu? yardım?

Answer 1

Bu bir kapsam sorunu değil. Bir betik öğesinde (global kapsamda) bir işlev tanımlarsanız, bunu başka bir öğede kullanabilirsiniz. Bununla birlikte, komut dosyası öğeleri, karşılaştıkları gibi ayrıştırılır ve yürütülür.

Kaldırma, kod öğeleri arasında çalışmaz. Daha sonraki bir betik öğesinde tanımlanan bir işlev, daha önceki bir betik öğesinin ilk çalışması sırasında kullanılamaz.

Ya komut dosyalarınızın sırasını değiştirmeli ya da tanımlayan komut dosyası çalıştırıldıktan sonra (örneğin, bir onload olay işleyicisine ekleyerek) işlev çağrısını geciktirmeniz gerekir.

<script> 
    function go() { 
     alert(''); 
    } 
</script> 
<script> 
    go(); 
</script> 

veya

<script> 
    window.addEventListener("load", function() { 
     go(); 
    }, false); 
</script> 
<script> 
    function go() { 
     alert(''); 
    } 
</script> 

Answer 2

html ayrıştırıcı sonraki unsurlara geçmeden önce senaryoyu yürütmek için durur. Böylece, bir sonraki komut öğesi öğesi , ilk gerçekleştirilinceye kadar yürütülmez.

Bu

karşılaştırılabilir:

<script> 
document.getElementById("hello") //null because the html parser hasn't met the div yet. 
</script> 
<div id="hello"></div> 

Answer 3

ilk komut bloğu bir sözdizim hatası vardır ve bütünüyle reddedilmektedir, ama ikinci bir blok ve kaçırdığı çalıştırırsa belirgin bir hata olarak diğer bir nedenidir arkadaş kodu.