Heim > Artikel > Web-Frontend > Xiaoqiangs mobile HTML5-Entwicklungsstraße (29) – JavaScript-Rezension 4

Xiaoqiangs mobile HTML5-Entwicklungsstraße (29) – JavaScript-Rezension 4

黄舟Original: 2017-02-04 14:22:451179Durchsuche

1. Umfang der Variablen

Der Ausführungsprozess von JavaScript-Skripten ist in zwei Phasen unterteilt:

In der ersten Phase scannt die js-Engine () zunächst den gesamten Javascript-Code. Bei der Begegnung mit 3f1c4e4b6b16bbbd69b2ee476dc4f83a wird zunächst ein globales aktives Objekt erstellt und die in 3f1c4e4b6b16bbbd69b2ee476dc4f83a enthaltenen Variablen- und Funktionsdefinitionen werden im aktiven Objekt gespeichert. Wenn eine Funktion angetroffen wird, wird ein entsprechendes lokales aktives Objekt erstellt und die Deklaration von Variablen innerhalb der Funktion und die Definition der Funktion werden im aktiven Objekt gespeichert.

In der zweiten Phase, wenn der Javascript-Code ausgeführt wird und auf eine Variable stößt, wird zunächst nach dem entsprechenden aktiven Objekt gesucht. Wenn es nicht gefunden werden kann, wird das aktive Objekt der oberen Ebene gefunden.

<html>  
    <head>      
        <script>  
            var i = 100;  
            function f1(){  
                alert(i);  
                var i = 1000;  
            }  
            function f2(){  
                var i = 1000;  
                alert(i);  
            }  
            function f3(){  
                alert(i);  
                i = 1000;  
            }  
            function f4(){  
                alert(i);  
                i = 1000;  
                function f5(){  
                    var i = 10000;  
                }  
            }  
            f1(); //结果是undefined  
            f2(); //结果是1000  
            f3(); //结果是100  
        </script>  
    </head>  
    <body>  
  
    </body>  
    <!--  
        预编译－－对脚本扫描  
        js引擎－－创建一个全局活动对象(i和f1)－－创建一个局部的活动对象(i)s  
    -->  
</html>

2. Math (ein in Javascript integriertes Objekt, das direkt verwendet werden kann)

Math.random(): Gibt eine Zufallszahl zwischen 0 und 1 zurück 0<= Zufallszahl< ;1
Math.ceil(): Aufrunden

Math.floor(): Abrunden

<html>  
    <head>  
        <script>  
            function f1(){  
                var a1 = Math.random();  
                alert(a1);  
                var a2 = 100.68;  
                alert(Math.ceil(a2));  
                alert(Math.floor(a2));   
            }  
            function f2(){  
                Math.floor(Math.random()*33);  
            }  
            f1();  
        </script>  
    </head>  
    <body>  
    </body>  
<html>

3. W3C DOM-Modell

1. Was ist dom

Dokumentobjektmodell (Dokumentobjektmodell)

konvertiert ein strukturiertes Dokument (XML, HTML) in einen Baum und stellt Operationen für den Baum bereit (einschließlich Durchlaufen, Suchen, Ändern, Löschen, usw.) verwandte Attribute oder Methoden

2. Die Grundstruktur des W3C-Dom-Modells

Node
DocumentHTMLDocument  
(<html>)HTMLBodyElement  
(<body>)ElementHTMLElementHTMLFormElement  
(<form>)HTMLInputElement  
(<input>)HTMLSelectElement 
(<select>)HTMLOptionElement  
(<option>)

Das Obige ist Xiaoqiangs HTML5-Entwicklungspfad für Mobilgeräte (29) – JavaScript-Überprüfung 4 Inhalt, Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：CSS vergessen Sie nicht, Floats clear:both zu löschenNächster Artikel：CSS vergessen Sie nicht, Floats clear:both zu löschen

In Verbindung stehende Artikel

Mehr sehen