JS-初識js

一、誕生時間

           1995年

二、JavaScript包含內容

            ECMAScript：基本語法及相關物件es（包括我們了解的es3,es5,es6.es7...）

            DOM：檔案物件模型，用來操作HTML

            BOM：瀏覽器物件模型，用來操作瀏覽器

三、書寫方式

            1、書寫在script標簽里（比較常用）

            2、js檔案里

            3、對應時間屬性里面（比較少用，針對少代碼單一模塊）

四、變數定義（使用var關鍵詞宣告，區分大小寫）

            1、見名知意

            2、只能是對應的字母或數字或下劃線等字符（注：不能用數字開頭）

            3、一般采用駝峰命名法（第一個單詞首字母小寫，其他單詞首字母大寫）

            4、不能用關鍵字（占用之前的關鍵詞的參考空間）

            5、普通變數首字母小寫，常量全大寫（const）

            注：函式-->fn

                   正則-->re

五、資料型別（檢驗值的型別）

            1、number（所有數值）

            2、string（單引號，雙引號均表示字串）

            3、boolean（true or false）

            4、null（是null的情況下）

            5、undefined

注：number型在控制臺的顏色為藍色，字串顏色為黑色，null和undefined為灰色

       typeof可以查看對應型別（null顯示的是object，而undefined是null的物件擴展，屬于父子關系）

六、常見型別轉換

            1、number

                    1）number-->string

                          number.toString------隱式轉換

                    2）number-->boolean

                           Boolean(number)-----非0為true,NaN和0為false

            2、string

                    1）string-->number

                          Number（string）--------直接轉換成number，當數值無法決議，結果為NaN

                          parseInt()

                          parseFloat()--->從前到后決議，無數值變NaN

                    2）string-->boolean

                          Boolean（string）--------非空為true（空格或換行也占位置），空字串為false

           3、undefined，null

                    1）轉boolean

                             結果都是false

                    2）轉number

                             前者為NaN，后者為0

           4、boolean轉number

                            false-->0

                            true-->1

七、運算子和運算式

 1、算術運算子

                  +    -    *    /    %

                  1) ' + '

                        --兩個number相加    正常運算（1+1結果2）

                        --一個string加一個number    拼接（‘123’+1結果1231）

                        注：true+1結果為2，boolean型別和null和undefined小于number，則自動轉成number

                  2）' - '

                          --一個string減一個number（‘123’-1結果為122）

                          注：true-1結果為0，undefined-1結果為NaN，null-1結果為-1，null為0

                    3）' * '

                          true * 3 結果為3

                    4）' % '

                          注：大數取余小數，取余結果得到的是余數；小數取余大數，結果得到的是小數，

2、++/--前置，后置

        自增和自減的前置和后置的區別

        前置先執行對應的++（--） 再執行對應的代碼

        后置先執行對應的代碼 再執行++（--）

注：計算順序（先算括號里面的 ++或-- 再進行乘除取余 再進行+- 再進行比較運算 再邏輯運費 再進行賦值）

3、邏輯運算

        1、與&&

                同為true才true

        2、或||

                有true就true

        3、非!

                做取反操作

4、比較

            >    ,    <    ,    >=    ,    <=    ,    ==    ,    !=    ,    ===(全等，一個東西)

5、賦值

            =    ，    +=    ，    -=    ，    /=    ，*/    ,    %=

6、位運算（轉為二進制再進行位的變化運算）

        左移<<  

        右移>>    

        ~去小數

       谷歌面試題：

                怎樣快速從2得到8？

                        方案：

                                2轉換成二進制為    10

                                8轉換成二進制為    1000

                                則進行（2<<2）即左移2位，補0操作，既可實作快速轉換

7、三目運算子

                運算式（判斷條件）？1：2

                                條件正確，則為1，反之，則為2

8、number擴展：保留小數方法

                number.toFixed(2)即為number數值保留2位小數

八、進制的轉換

1、十進制二進制的相互轉換

                十進制-->二進制    （除2取余法）

                二進制-->十進制    （對應位數乘2的多少次方相加）

2、十進制轉八進制    （除8取余）

3、十進制轉16進制    （除16取余）

注：1）將對應8進制，16進制字串轉換為十進制數值：parseInt或parseFloat方法

        2）將10進制數值轉換成對應8進制或16進制字串：toString方法

標籤：JavaScript

上一篇：electron 應用開發優秀實踐

下一篇：JS-運算子和邏輯符分支