Variabler Bereich in Jade

Question

Ich habe einfache Frage. Zum Beispiel habe ich Code unten in Jade Datei

block content 
    - var i = 0; // 'first declaring' 

    div#id 
     p #{i} // don't change !? item = {'one', 'two', ...} for example 
    button(onclick="next()") click 

    script. 
     var i = 0; // 'second declaring' 
     function next() { 
     console.log(i); 
     var myid = document.getElementById("id");  
     myid.innerHTML = "#{items[i].a" 
     i++; 
    }; 

Meine Frage: Was ist der Unterschied zwischen ‚zuerst erklärt‘ und ‚zweiter Deklaration‘ var i = 0 Wie kann ich den globalen Wert von ‚zuerst erklärt‘ ändern von der Funktion next().

Answer 1

Jade wird diese Vorlage in Funktion kompilieren, so dass Code nur diese Datei manuell in die js-Datei kompilieren muss - siehe http://jade-lang.com/api/ für Beispiele. IMHO, myid.innerHTML wird nicht von Jade kompiliert werden, so wird es in HTML in roher Form sein. Vielleicht irre ich mich, schau dir einfach den kompilierten Code an.