JavaScript_基礎筆記

javaScript基礎：
概念：一門客戶端腳本語言
    運行在客戶端瀏覽器中的，每一個瀏覽器都有javaScript的解析引擎
    腳本語言：不需要編譯，直接可以被瀏覽器解析執行
功能區：
    可以來增強用戶和html頁面的交互過程，可以來控制html元素，讓頁面有一些動態的效果，增強用戶體驗
javaScript發展史：
    1992年：Nombase公司，開發出第一門客戶端腳本語言，專門用於表單校驗，命名為：C-- 更名為scripEase
    1995年：Netscape(網景)公司，開發了一門客戶端腳本語言：LiveScript，請來SUN公司的專家修改LiveScript命名為javaScript
    1996年：微軟抄襲javaScript開發出了Jscript語言
    1997年：ECMA(歐洲計算機製造商)ECMAScript，就是所有客戶端腳本語言的標準
    JavaScript = ECMAScript + JavaScript自己特有的東西(BOM+DOM)
ECMAScript：客戶端腳本語言的標準
    1.基本語法：
        1.與HTML結合方式
            1.內部JS：可以寫在任意標簽位置，會影響先後順序
                <script>
                    script語句
                </script>
            2.外部JS:
                1.創建a.js文件
                2.<script src="a.js路徑"></script>
            把數據輸出到頁面：
                彈窗：alert(內容)
                頁面輸出：document.write(內容);
        2.註釋:
            1.單行數值：//註釋內容
            2.多行註釋：/*註釋內容*/
        3.數據類型：
            1.原始數據類型(基本數據類型)：
                1.number：數字 整數/小數/NaN(not a number 不是數字的數字類型)
                2.string：字元串
                3.boolean：true和false
                4.null：對象為空的占位符
                5.undefined：未定義。如果一個變量沒有給初始化值則會被默認賦值undefined
                typeof(變量)：得到變量類型
            2.引用數據類型：對象

        4.變量：
            一小塊存儲數據的內存空間
            java語言是強類型語言，javaScript是弱類型語言
            var 變量名 = 初始值;
        5.運算符：
            1.一元運算符：只有一個運算數的運算符
                ++(自增) --(自減)，+(正號) -(負號)
                在前先自增或自減，在後先運算在自增或自減
            2.算數運算符
                + - * / %
            3.賦值運算符
                = += -=
            4.比較運算符：
                > < >= <= == ===(全等於)
            5.邏輯運算符：
                && || ！
                其他類型轉boolean
                    1.number：0為假 其他為真
                    2.string：空字元串是假
                    3.null和undefined：都是false
                    4.對象：所有對象都是true
            6.三元運算符
                條件? 成立執行:不成立執行
        6.特殊語法：
            1.語句以分號結尾，如果一行只有一條語句分號可以省略
            2.變量的定義使用var關鍵字，也可以不使用
        7.流程式控制制語句;
            1.if...else
            2.switch
                在java中switch可以接收的數據類型：byte int short char 枚舉(1.5) String(1.7)
                在JS中可以接收任意原始數據類型
            3.while
            4.do...while
            5.for
    2.基本對象：
        1.Function：函數對象
            1.創建：
                1.var fun = new Function(形式參數列表,方法體);
                2.function 方法名稱(形參列表){
                    方法體;
                    }
                3.var 方法名 = function(形參){
                方法體;
                    }

            2.方法：
                不需要返回值
            3.屬性：
                length：形參個數
            4.特點：
                1.方法定義時，形參的類型不用寫
                2.方法是一個對象，如果定義相同名的方法會覆蓋
                3.方法調用與名稱有關，和參數無關
                4.在方法什麽中有一個隱藏的內置對象(數組)，arguments，封裝所有實際參數
            5.調用
                1.fun(3,4)
        2.Array：
            1.創建：
                1.var arr = new Array(元素列表);
                2.var arr = new Array(默認長度);
                3.var arr = [元素列表];
            2.方法：
                1.join(參數)：將數組中的元素按照指定分隔符拼接為字元串，
                2.push(元素):像數組的尾部添加一個或多個元素
            3.屬性
            4.特定：
                1.JS中元素的類型可變的。
                2.JS中數組的長度是可變的
        3.Boolean
        4.Date：
            1.創建：
                var date = new Date
            2.方法：
                toLocaleString()：返回當前date對象對應的時間本地字元串格式
                getTime()：獲取毫秒值，返回當前時間到1970年1月1日零點的毫秒值

        5.Math：數學
            1.創建：
                特點：Math對象不用創建，直接使用Math.方法名
            2.方法：
                Random()返回0~1之間的隨機數，包含0
                cell()：把數進行向上取整
                floor(x)：對數進行向下取整
                round(x)：把數四捨五入最近取整
            3.屬性：
                PI：圓周率
            取1~100之間的隨機數：
               1.Math.random()產生隨機數：範圍(0,1)小數
               2.乘以100 -- > [0,99.9999] 小數
               3.捨棄小數部分：floor -- > [0,99]整數
               4.+1 -- > [0,99]整數 [1,100]
        6.Number
        7.String
        8.RegExp：正則表達式對象
            1.正則表達式：定義字元串的組成規則。
                1.單個字元：[]
                    如：[a]表示a [ab]表示a或b [a-z]a到z
                    特殊符號代表特殊含義：
                        \d：單個數字字元
                        \w：單個單詞字元
                2.量詞符號：
                    ？：表示出現0次或1次
                    *：表示0次或多次
                    +：表示1次或多次
                    {m,n}：m<=數量>=n
                    {,n}:最多n次
                    {m,}最少m次
                3.開始結束符號
                    ^:開始
                    $：結束
            2.正則對象：
                1.創建：
                    1.var reg = new RegExp("正則表達式")
                    2.var reg = /正則表達式/
                2.方法：
                    1.test()：驗證指定的字元串是否符合正則定義的規範
        9.Global：
            1.特點：全局對象，Global中封裝的方法不需要對象就可以直接調用。方法名()
            2.方法：
                encodeURI():url編碼
                decodeURI():url解碼
                encodeURIComponent()：url編碼
                decodeURIComponent()：url解碼

                parseInt()：字元串轉為數字
                    逐一判斷每個字元是否是數組，直到不是數字位置，將前邊數字轉為number
                isNaN()：判斷一個值是否是NaN
                    NaN六親不認，NaN參與的==比較全部為false
                eval()：計算JavaScript的字元串轉成腳本運行