javascript . 01 javascript基礎知識 組成、引用方式、console控制檯輸出、變量命名賦值、數據類型（值類型）（複雜數據類型）、NaN、數據類型轉換（string、numbe

1.1 知識點

1. 做用

a)  頁面特效（PC端網頁效果）

b)  移動端（移動web和app）

c)  異步和服務器交互（Ajax）

d)  服務端開發（nodejs）

2. JS是客戶端腳本語言，不用編譯，解釋執行

a)  編譯執行：把代碼編譯成CPU認識的語言，而後總體的執行

b)  解釋執行：一行一行解析，解析一行執行一行

3. 弱類型語言，用一個變量聲明能夠聲明不少類型的變量

a)  Var a ；（a能夠是不少類型）

b)  強類型語言：一個聲明只能聲明一種類型

4. 各自的做用

a)  HTML結構

b)  CSS樣式

c)  JS行爲

5. 設計原則：結構、樣式、行爲-----分離

1.2 JS組成

1. ECMAScript：標準，語法標準

2. Dom：操做網頁上元素的API

3. Bom：操做瀏覽器部分功能的API

 

1.3 引用方式

1. 內嵌式：把JS代碼寫在body的script標籤內

a)  寫在html下在執行的時候也會被提到body下

b)  還能夠寫在head內

c)  最好放在body的最下面

1. 外鏈式

a)  <script src = 「路徑.js」 type = 「text/javascript」></script>

1. 行內式，和事件關聯

1.3.1  輸出語句

1. Console.log （「控制檯輸出」）；

2. Console.error（「控制檯輸出錯誤內容」）；

3. Console.warn（「輸出警告」）；

4. Document.write（「輸出到頁面」）；

a)  可輸出標籤，用引號引發來

5. Prompt（「輸入框：」）；

a)  輸入內容被返回

b)  不輸入內容返回null

6. Confirm（「輸出帶有是否的彈出框」）

a)  點擊肯定返回true

b)  點擊取消返回false

7. 註釋/**  +tab

1.4 變量

1.4.1  命名規則

1. 駝峯：

a)  全大寫，首字母小寫：aRRbCC

b)  小寫：ArrBcc

1. $和_  只有這兩個特殊符號能夠用做名字
2. 最長255字符
3. 不能以數值開頭
4. 不使用關鍵字，保留字
5. 能夠用alert（）；彈出一下，有問題的都別用
   1. 能夠一次定義多個變量
   2. 定義的同時賦值
   3. 不建議跨類型賦值：定義的時候是什麼類型就賦值什麼類型

1.4.2  賦值

a)  Var a = 「張三」；

b)  A = 18；

1. 交換兩個數，不使用中間值

a)  求和

b)  減去其中一個

c)  輸出剩下的一個

1.5 數據類型

1. 簡單類型（值類型）：

a)  Number string boolean undefined

b)  判斷簡單數據類型typeof（）；

c)  Number：

                         i.      2進制，8進制（0），16進制（0x）

1. 2.  複雜數據類型：

a)  object，function，array，date，regexp，error

1. 字面量；字面上看到的值
2. JS小數計算容易出現精度丟失
3. 不要比較浮點數
4. 6.  Infinity：無窮大
5. 7.  NaN：Not a Number，不是一個數字

a)  NaN和任何數字不相等，包括自身

b)  IsNaN（）;符不符合不是一個數值的標準，判斷一個值是否是數字

                         i.      是數字返回true

                       ii.      不是數值返回false

1. 8.  Undefined和任何數值計算結果都是NaN
2. 9.  任何值和null均可以看做0來運算
3. 10.   String字符串類型
4. 11.   轉義符 /

a)  /n  /r

1. 字符串不可修改，給字符串重複賦值的時候，會在棧中從新開闢一個控件，原來的空間會被回收。
2. 13.   Boolean：

a)  True 非0數值 字符串 object 

b)  False  0  undefined  null  空字符串

c)  If判斷的時候會把（）內的值強制轉換爲boolean類型進行判斷

1.6 數據類型轉換

1. 1.  任何類型轉換爲string

a)  變量+「」

b)  變量+「abc」

c)  String（變量）；

d)  變量.toString ( ); （undefined和null不能夠）

1. 2.  任何類型轉換爲number

a)  此轉換容易出現NaN，一旦變量中有非數字字符，就會出現NaN

b)  減乘除一個數字字符串可轉換爲number

c)  加一個空字符串

d)  數據類型是用string定義的

e)  Number（變量）；不會取整數，變量裏有非數字部分就會返回NaN

f)  parseInt（變量，進制）：從頭取整，不取小數部分和非數字部分，截取變量的整數部分

g)  parseFloat（變量）：從頭取數字部分，包括小數部分

h)  null值爲0

i)  undefined無數值類型或N

1. 轉換爲boolean

a)  Boolean（變量）

b)  ！！變量

1.7 操做符

1. 算數運算符

a)  一元運算符 ++  --

b)  二元運算符 + - * / 須要兩個數值才能夠運算

c)  三元運算符  判斷？數值1：數值2；

1. 邏輯運算符|| && ！
2. 比較運算符 > < >= <= === !== == !=
3. 賦值運算符+= *= /= -=
4. 運算符優先級

a)  括號最高

b)  賦值運算最低

1.8 &&和||運算

1. ||和&&連接兩個數值，連接值不是布爾類型，按照布爾類型計算，結果是值自己
2. 2.  && 與運算

a)  兩個都是true取後面

b)  都是false取前面

c)  兩個都是true纔是true

d)  找false 找到就返回，沒false返回後一個

1. 3.  || 或運算

a)  兩個都是false取後面

b)  兩個都是true取前面

c)  兩個有一個true就是true

d)  找true 找到就返回，沒有true返回後一個

1. 4.  || / &&  找到true / false就返回，找不到就返回第二個
2. If…else

1.9 選擇結構

a)  If（判斷條件）｛執行語句；｝

b)  else if （判斷語句）｛執行語句；｝

c)  else｛執行語句；｝

1. Switch（）

a)  ｛case ： ；break；… default：；｝

b)  括號內實用===比較，類型和數值都得相等

c)  要加break；

1.10 循環結構

1. 循環用途：重複執行某段代碼

a)  遍歷數組的時候首選for循環

b)  While循環強調，不記循環次數，不知道循環次數

c)  不管怎樣都循環一次選用do…while

1. For（var 變量；判斷條件；變量變化）｛循環體｝

a)  For循環內部定義的i是全局變量

b)  For括號內的兩個分號不可省略

1. While

a)  While（判斷條件）｛循環體；｝

1. Do…wihle

a)  Do｛…循環體…｝while（判斷條件；）

1. Odd：奇數  even：偶數