05_JavaScriptの基本

## JavaScript:
    *コンセプト:クライアント側のスクリプト言語
        *クライアントブラウザで実行されます。各ブラウザーにはJavaScript解析エンジンがあります
        *スクリプト言語:説明なしで直接ブラウザーで解析および実行できます


    *機能:
        *ユーザーとhtmlページ間の対話プロセスを強化し、html要素を制御して、ページを許可することができますユーザーエクスペリエンスを向上させる動的な効果がいくつかあり         ます。

    * JavaScript開発の歴史:
1. 1992年、Nombaseはフォーム検証専用の最初のクライアント側スクリプト言語を開発しました。名前:C--、後に名前が変更された:ScriptEase2
        。1995年、Netspace(Netscape)の会社がクライアント側のスクリプト言語であるLiveScriptを開発しました。その後、SunのエキスパートにLiveScriptの変更を依頼し、JavaScript
        3 と名付けました。1996年、MicrosoftはJavaScriptをコピーしてJScript言語を開発しました
        。4。1997年、ECMAScript(ECMAScript)はすべてのクライアントのスクリプト言語です標準。

        * JavaScript = ECMAScript + JavaScript独自の固有のもの(BOM + DOM)

    * ECMAScript:クライアント側スクリプト言語の標準
        1.基本構文:
            1. htmlとの組み合わせ
                1.内部JS:
                    * <script>を定義し、タグ本体はjsコード
                2 です。外部JS:
                    * <script>を定義し、src属性を介して外部jsファイルを導入します
                
                *注
                    1. <scrip>は、htmページのどこにでも定義できます。ただし、定義された位置は実行の順序に影響します。
                    2. <script>は複数定義できます。
            2.コメント
                1.単一行コメント://コメントの内容
                2.複数行コメント:/ *コメントの内容* /
            3.データ型:
                1.元のデータ型(基本データ型):
                    1.番号:番号。整数/ 10進数/ NaN(非数値は、数値ではない数値型です)
                    2.文字列:文字列: "a"、 "aaa"、 'a'、 'aaa'
                    3.ブール値:trueおよびfalse
                    4. null:1オブジェクトは空のプレースホルダー
                    5です。ubderfined:未定義。変数が初期化されていない場合、デフォルトでアンダーファインに割り当てられます
                2.参照データ型:オブジェクト
            4.変数
                *変数:データを格納するための小さなメモリ空間
                * Java言語は強く型付けされた言語であり、JavaScriptは弱く型付けされた言語です。
                    *ストロングタイプ:可変ストレージスペースを開くときに、スペースが将来保存するデータのデータタイプを定義します。格納できるのは固定データ型のデータのみです
                    *弱型:可変格納スペースを作成する場合、そのスペースの将来の格納タイプは定義されておらず、あらゆるタイプのデータを格納できます。
                *構文:
                    * var変数名=初期化値;
            5.演算子
                1.単項演算子:オペランドが1つだけの演算子
                    ++、-、+(正符号)  
                    * ++-:自己増加(自己減少) )
                        * ++(-)最初に増加(減少)し、次に計算
                        * ++(-)後で計算し、最初に増加(減少)
                    * +(-):符号
                    *注:JSでは、オペランドが演算子に必要なタイプでない場合、jsエンジンは自動的にオペランドを変換します
                        *その他の型から数値へ:
                            *文字列から数値へ:リテラル値変換に従って。リテラル値が数値でない場合、NaN(数値ではない数値)に変換されます
                            *ブールから数値:trueから1、falseから0
                2.算術演算子
                    +-* /%...

                3.代入演算子
                    = + =-+ ....

                4.比較演算子
                    > <> = <= == ===(すべて等しい)
                    *比較方法
                      1.同じタイプ:直接比較
                          *文字列:辞書順での比較。サイズがわかるまで少しずつ比較してください。
                      2.異なる型:最初に型変換を実行し、次に比較します
                          * ===:すべて等しい。比較する前に、まずタイプを判別し、タイプが異なる場合は直接false
                    

                5 を返します。論理演算子
                    && ||!
                    *その他のタイプはブール値に転送され
                       ます。1。数値:0またはNaNはfalse、その他はtrue
                       2. string:空の文字列( "")を除き、その他はtrue
                       3. null&undefined:is false
                       4.オブジェクト:すべてのオブジェクトはTrue
                
                6.三項演算子
                    ?:式
                    var a = 3;
                    var b = 4;
            
                    var c = a> b?1:0;
                    *構文:
                        *式?値1:値2;
                        *判定式値は、trueの場合は1、falseの場合は2、6。
                
            フロー制御ステートメント
                1. if ... else ...
                2. switch:
                    * Javaでは、switchステートメントで受信できるデータ型:byte int shor char列挙(1.5)文字列(1.7)
                        * switch(変数):
                            ケース値:
                    * JSでは、switchステートメントで任意のプリミティブデータ型
                3を受信できます。。しばらく
                4.しばらくやる... ..
                5.
            7. JSのための特別な構文:
                1.文の中で、終わり、ラインが一つだけのステートメントである場合は、省略することができる(推奨しません)
                2.変数varキーワードの定義は、使用しないことも可能です
                    *使用:定義済み変数はローカル変数です
                    *未使用:定義済み変数はグローバル変数です(非推奨)
            
        2.基本オブジェクト:
            1.関数:関数(メソッド)オブジェクト
                1.作成:
                    1. var fun = new関数(仮パラメーターリスト、メソッド本体); //忘れる
                    2.関数メソッド名(仮パラメーターリスト){
                             メソッド本体
                        }
                    3. varメソッド名=関数(仮パラメーターリスト){
                            メソッド本体
                        }
                2.メソッド:
                
                3.属性:
                    長さ:仮パラメーターの数
                4.機能:
                    1.メソッドが定義されている場合、仮パラメーターの型は省略でき、戻り値の型も省略できます。
                    2.メソッドはオブジェクトです。同じ名前のメソッドを定義すると、そのメソッドは上書きされます。3
                    . JSでは、メソッド呼び出しはメソッド名にのみ関連し、パラメーターリストには関連しません
                    。4 . メソッド宣言に非表示の組み込みオブジェクトがあります(配列)、引数、すべての実際のパラメーターのカプセル化

                5.呼び出し:
                    メソッド名(実際のパラメーターリスト);

            2.配列:配列オブジェクト
                1.作成:
                    1. var arr =新しい配列(要素リスト);
                    2. var arr =新しい配列(デフォルトの長さ);
                    3. var arr = [要素リスト];
                2.方法
                    1.結合(パラメーター):配列の要素は、指定されたセパレータに従って文字列に連結されます
                    2. push()は、配列の最後に1つ以上の要素を追加し、新しい長さを返します。
                3.プロパティの
                    長さ:配列の長さ
                4.機能:
                    1. JSでは、配列要素の型は可変です。
                    2. JSでは、配列の長さは可変です。

            3.ブール値

            4.日付:日付オブジェクト
                1.作成:
                    var date = new Date();
                2.メソッド:
                    1. toLocaleString():現在のオブジェクトに対応する時間ローカル文字列形式を返します
                    。2. getTime():ミリ秒の値を取得します。現在のオブジェクトによって記述された時間から1970年1月1日のゼロ点までのミリ秒の値を返します
            
            。5.数学:数学オブジェクト
                1.作成:
                    *機能:数学オブジェクトを作成する必要はなく、直接使用します。数学メソッド名();

                2.メソッド
                    *ランダム():0〜1の乱数を返します。0あり1なし
                    * ceil(X):対数を切り上げ
                    * floor(X):対数を切り捨て。
                    *丸め(X):数値を最も近い整数に丸めます。
                3.プロパティ:
                    PI

            6. NUmber

            7.文字列

            8. Regexp:正規表現オブジェクト
                1.正規表現:文字列の構成規則を定義します。
                    1.単一の文字:[]
                        例:[a] [ab] [a-zA-Z0-9_]
                        *特殊記号は、特別な意味を持つ単一の文字を表し
                            ます\ d:単一の数字[0-9]
                            \ w:単一の単語の文字[a-zA- Z0-9_]
                    2.数量記号
                        :?:0回または1回の出現を示します
                        *:0回以上の
                        出現を示します+:1回以上の出現を示します
                        {m、n}:
                            デフォルトの場合、m <= n数量<= n * mを示します:{、n }:最大n回
                            * nデフォルトの場合:{m、}少なくともm回
                    3.正規オブジェクト:
                        1.作成
                            1. var reg = new RegExp( "regular expression");
                            2. var reg = / regular expression /;

                        2.メソッド 
                            1.テスト(パラメーター):指定された文字列が通常の定義の仕様に準拠しているかどうかを確認します。9
                
            
            .グローバル
                1.機能:グローバルオブジェクト。このグローバルにカプセル化されたメソッドは、オブジェクトなしで直接呼び出すことができます。メソッド名();
                2.メソッド:
                    1. encodeURI():URLエンコード
                    2. decodeURI():URLデコード

                    1. encodeURIComponent():URLエンコード、よりエンコードされた文字
                    2. decodeURIComponent():urlデコード

                    parseInt()デジタルへの文字列
                        ずつ*のいずれかがそれぞれの番号ではなく、数はこれまでにわかっている、デジタル数に前部であるかどうかを決定するために
                        
                    ますisNaN():値がNaNであるかどうかを判断
                        もわからない、否認*はNaN。NaNの参加==すべての比較はfalse

                    eval():スクリプト文字列としてJavaScript文字列を実行します

                3. URLエンコードの
                    ピーク兄弟=%E4%BC ...

おすすめ

転載: www.cnblogs.com/ktfeng/p/12676816.html