ホームページ > 記事 > ウェブフロントエンド > Xiaoqiang の HTML5 モバイル開発ロード (29) - JavaScript レビュー 4

Xiaoqiang の HTML5 モバイル開発ロード (29) - JavaScript レビュー 4

黄舟オリジナル: 2017-02-04 14:22:451219ブラウズ

1. 変数の範囲

JavaScript スクリプトの実行プロセスは 2 つのステージに分かれています:

最初のステージでは、まず js エンジン () が JavaScript コード全体をスキャンします。 3f1c4e4b6b16bbbd69b2ee476dc4f83a に遭遇すると、最初にグローバルアクティブオブジェクトが作成され、3f1c4e4b6b16bbbd69b2ee476dc4f83a 内にある変数の宣言と関数定義がアクティブオブジェクトに保存されます。関数が見つかった場合、対応するローカルアクティブオブジェクトが作成され、関数内の変数の宣言と関数の定義がアクティブオブジェクトに保存されます。

第 2 段階では、JavaScript コードを実行するときに、変数に遭遇すると、まず対応するアクティブオブジェクトから検索します。見つからない場合は、上位レベルのアクティブオブジェクトを見つけます。

<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 (JavaScript に組み込まれたオブジェクトで、直接使用できます)

Math.random(): 0 から 1 までの乱数を返します 0Math.ceil(): Up Rounding

Math.floor(): 切り捨て

<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モデル

1. dom

ドキュメントオブジェクトモデル(ドキュメントオブジェクトモデル)とは

構造化ドキュメント(xml、html)をツリーに変換します。、ツリー上の操作 (トラバース、検索、変更、削除などを含む) に関連する属性またはメソッドを提供します

2. w3c dom モデルの基本構造

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

上記は、Xiaoqiang の HTML5 モバイル開発ロード (29) です。 ) - JavaScript レビュー 4 コンテンツ。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：CSSはfloatをクリアすることを忘れないでくださいclear:both次の記事：CSSはfloatをクリアすることを忘れないでくださいclear:both

続きを見る

Xiaoqiang の HTML5 モバイル開発ロード (29) - JavaScript レビュー 4

関連記事