[TOC] # 1. 變量的定義與語法 ## 案例1：變量類型及定義 > > 定義了變量但是沒有賦值**undefined** > 定義了對象但是可以設置為**null**表示空對象 ### 試一試  > 比一比、試一試 ``` var a = (); var b=[]; var c = {}; ``` ### 擴展：變量的類型的判斷 | 方法名 | 描述 | | --- | --- | | **typeof X** | 判斷X的所屬類型 | ``` typeof 1 typeof '1' typeof true typeof …… ``` **typeof的返回值說明** | 類型 | 說明 | | --- | --- | | number | 數字 | | String| 字符串 | | Boolean| 布爾| | function| 函數 | | object| 對象| | undefined| 未定義| ## 案例2：變量作用域與提升 * [ ] 變量可以不聲明，直接使用 * [ ] 不聲明的變量默認為全局變量  # 2. JS運算及語法結構 ## 案例3：JavaScript運算 * 一元運算 * 算術運算  * 移位運算 * 關系運算 * 布爾運算  * 位操作運算 * 邏輯運算 * 賦值運算 > ## 案例4：JavaScript語句結構 * [ ] **if/else、switch** * [ ] **for、while、do{}while()** ### 試一試 > 向網頁中輸出九九乘法表（實驗1）  # 3. 基礎數據類型 ## 案例5：不一樣的數字（number） > 1. 常規十進制 > 2. 以0x開頭的十六進制 > 3. 以0開頭的八進制 > 4. 添加e的科學計數法 > 5. 當無法計算數值時，結果是**NaN** > 6. 無窮大**Infinity**  ## 案例6：加引號的字符串（string）  > 轉義字符 > 1. 換行`\n` > 2. 單引號`\'` > 3. 雙引號`\"` > 4. 反斜杠`\\`  ## 案例7：參與運算的布爾（boolean） > 1. 取值**true**和**false** > 2. 必要時，參與運算時，**true視為1，false視為0。**  # 4. 基礎數據類型的相互轉換 | 方法名 | 描述 | | --- | --- | | **Number(X)** | 將X轉換為number類型 | | **parseInt(X)** | 解析X字符串并返回一個整數 | | **parseFloat(X)** | 解析X字符串并返回一個浮點數 | | **String(X)** | 將X轉換為字符串 | | **Boolean(X)** | 將X轉換為Boolean類型 | ## 案例8-1：數字轉字符串  ## 案例8-2：字符串轉數字  *****  ## 案例8-3：轉boolean ``` 0 、空串 、null、 undefined 、NaN是false ```  ## 案例8-4：==判斷   *****  ## 特殊類型：null和undefined > undefined 未定義 > null 定義為object，但是對象為空 # 5. 函數（function） ## 案例9：函數的定義  ## 試一試：輸出任意數字乘法表  ## 案例10：函數調用及傳參 * 通過函數名調用 * 自執行函數 * 通過事件調用 * 通過鏈接調用  > 可以將超鏈接與事件結合，能夠有效隱藏超鏈接的URL`<a href="#" onclick="test()">test</a>` > 函數形參不需要var * 不給參數傳遞值，參數值為undefined > 函數返回值需要return * 使用無返回類型函數給變量賦值，變量值變為undefined