JS的三大書寫方式

1. 行內(nèi)式

如圖所示：

幾點(diǎn)說明：

1. JS的行內(nèi)式寫在HTML的標(biāo)簽內(nèi)部，(常以on開頭)，如onclick

2. 行內(nèi)式常常使用單引號(hào)括住字符串以區(qū)分HTML的雙引號(hào)

3. 可讀性差，不建議使用

4. 引號(hào)易出錯(cuò)，不建議使用

5. 特殊情況下使用

2. 內(nèi)嵌式

如圖所示：

幾點(diǎn)說明：

1. JS內(nèi)嵌式寫在<script>標(biāo)簽內(nèi)部

2. 是JS最常用的書寫方式

3. 外部式

如圖所示：

幾點(diǎn)說明：

1. 需要寫在獨(dú)立的.js文件內(nèi)部

2. 當(dāng)JS的代碼量較大時(shí)，推薦使用

3. 與HTML相分離，既美觀，同時(shí)滿足文件復(fù)用

輸出與輸入語句

1. prompt

當(dāng)調(diào)用該函數(shù)時(shí)，網(wǎng)頁上會(huì)彈出一個(gè)輸入框，允許用戶輸入數(shù)據(jù)，所輸入數(shù)據(jù)可以賦值給一個(gè)變量，該變量的類型為字符串型，如圖所示：

2. alert

當(dāng)調(diào)用該函數(shù)時(shí)，網(wǎng)頁上會(huì)彈出一個(gè)警示框，提示所輸入的語句，如圖所示：

3. console.log()

所輸入的信息呈現(xiàn)在控制臺(tái)，方便程序員檢測代碼，如圖所示：

變量

變量是程序在內(nèi)存中申請的一塊用于存儲(chǔ)數(shù)據(jù)的空間，可以理解為一個(gè)小容器

1. 語法

一個(gè)變量的構(gòu)成等于：var 變量名 = 值，var是關(guān)鍵字，可有可無。

同時(shí)，一個(gè)變量也可以暫時(shí)只聲明不賦值，留在后面需要時(shí)再賦值。

2. 初始化

一個(gè)變量在聲明的同時(shí)賦值謂之“變量的初始化”，如圖所示：

3. 注意事項(xiàng)

第一，變量可以重新賦值，無需再聲明一次變量，如圖：

第二，允許同時(shí)聲明多個(gè)變量，只需要用一個(gè)var聲明即可，變量名間用逗號(hào)隔開，如圖：

第三，當(dāng)變量聲明未賦值時(shí)，變量值為undefined，意為”沒定義“，如圖：控制臺(tái)顯示undefined

第四，當(dāng)變量無聲明無賦值時(shí)，程序會(huì)報(bào)錯(cuò)，如圖：

第五，變量可以直接賦值，無需加var,如圖：

第六，命名規(guī)范，如圖：

數(shù)據(jù)類型

1. 特點(diǎn)

1.JS的數(shù)據(jù)類型由程序運(yùn)行過程中根據(jù)等號(hào)右邊的值來確定，由于JS不像C等語言在聲明變量時(shí)需要指定變量類型(char,int等)，因而JS只有在看到變量名右邊的值類型時(shí)才能確認(rèn)該數(shù)據(jù)的具體類型。

2.動(dòng)態(tài)特性，JS的數(shù)據(jù)類型可以自由改變,如圖所示：age從數(shù)字型轉(zhuǎn)變?yōu)樽址?/span>

2. 獲取數(shù)據(jù)類型

JS中使用typeof + 變量名 的形式獲取該變量的數(shù)據(jù)類型，如圖所示：數(shù)據(jù)類型從number轉(zhuǎn)化為string

3. 簡單數(shù)據(jù)類型

1. 數(shù)字型 （number）

1. 進(jìn)制問題 數(shù)字若以0開頭表示該數(shù)字為八進(jìn)制數(shù)，若以0x開頭表示該數(shù)字為十六進(jìn)制數(shù)；

2. 數(shù)字型的最值 JS中的數(shù)字具有范圍，最大值為Number.MAX_VALUE,最小值為Number.MIN_VALUE；

3. 特殊數(shù)值 在JS中，Infinity表示無窮大，-Infinity表示無窮小。

is NaN()函數(shù)用于判斷一個(gè)數(shù)據(jù)是否為數(shù)字型，當(dāng)其為數(shù)字型時(shí)返回值為false,否則為true

2. 字符串型 (string)

第一，字符串的嵌套

引號(hào)會(huì)與其最臨近的同類型的引號(hào)匹配，若想在字符串中包含一對引號(hào)，可采用外單內(nèi)雙，外雙內(nèi)單，當(dāng)最外的引號(hào)為單引號(hào)時(shí)，內(nèi)部引號(hào)為雙引號(hào)；當(dāng)最外的引號(hào)為雙引號(hào)時(shí)，內(nèi)部引號(hào)為單引號(hào)。如圖所示：

第二，字符串的長度

利用length可以求取字符串的長度，如圖所示：

第三，字符串的拼接

字符串+任意類型 ==新字符串，如圖所示：

3. 布爾型 （boolean）

布爾類型的本質(zhì)就是，true實(shí)際是就是數(shù)字1，false就是數(shù)字0。

4. undefined

當(dāng)一個(gè)變量只聲明而不賦值，那么它的數(shù)據(jù)類型就為undefined型。

5. object

null在js中就屬于object型，在后續(xù)的學(xué)習(xí)中我們在探索object型。

4. prompt的輸入類型

prompt的輸入類型為string，這意味著我們輸入的數(shù)字無法直接參與運(yùn)算，需要轉(zhuǎn)化，待會(huì)會(huì)將轉(zhuǎn)化，如圖所示：

5. 數(shù)據(jù)類型的轉(zhuǎn)化

1. 轉(zhuǎn)化為字符串型

其他類型數(shù)據(jù)轉(zhuǎn)化為字符串型有三種方式：1 變量名.toString() , 2. String(變量名) 3. num+字符串 （務(wù)必牢記，String中的'S'需要大小，被坑過），如圖所示：

2. 轉(zhuǎn)化為數(shù)字型

轉(zhuǎn)化方式有四種，只需要記住前面兩種，其他作為了解

第一種，parseInt可以將將字符串型轉(zhuǎn)化為數(shù)字型，也可去除前面為數(shù)字的字符串中其余字符串，如圖：

第二種，parseFloat可以將將字符串型轉(zhuǎn)化為數(shù)字型，可以保留帶小數(shù)字符串中的所有小數(shù)點(diǎn)，其他功能與parseInt一樣，此處不贅述。

第三種，調(diào)用Number(字符串)函數(shù)，如圖所示：

第四種，隱式類型轉(zhuǎn)化，如'12'-0可以轉(zhuǎn)化為12 - 0 得到12或'12' - '1'的到11，如圖所示：

3. 轉(zhuǎn)化為布爾型

轉(zhuǎn)化為布爾型的函數(shù)位 Boolean(變量名),除了 '', 0, NaN, null, undefined會(huì)被轉(zhuǎn)化為false之外，其他數(shù)據(jù)都轉(zhuǎn)化為true,如圖所示：

本周學(xué)習(xí)小結(jié)到此結(jié)束，完結(jié)撒花！💐💐💐