大家伙：我是作者程序小魚(yú)影
1.JavaScript專(zhuān)場(chǎng)，第二章，JavaScript學(xué)前準(zhǔn)備
JavaScript學(xué)前準(zhǔn)備
基礎(chǔ)知識(shí)扎實(shí)的DIV+CSS基礎(chǔ)。
在我們開(kāi)始學(xué)習(xí)JavaScript前提是必須必備，有扎實(shí)的DIV+CSS基礎(chǔ)。
扎實(shí)的DIV布局+CSS基礎(chǔ)
開(kāi)發(fā)工具推薦 vscode ，可選 sublime / webstrom / HBuilder…
筆記文檔推薦mackdown格式，工具推薦Typora / 馬克飛翔。
寫(xiě)JS代碼需要注意什么？
嚴(yán)格區(qū)分大小寫(xiě)語(yǔ)法字符半角字符完整語(yǔ)句后面 ; 結(jié)束符（可以不加，看個(gè)人或者團(tuán)隊(duì)開(kāi)發(fā)習(xí)慣而定）縮進(jìn)對(duì)齊注釋單行注釋多行注釋彈窗調(diào)試彈窗alert普通彈窗 confirm確認(rèn)彈窗(很少用) prompt輸入彈窗(很少用)
JavaScript變量
2，只要具備以上條件者，即可開(kāi)始學(xué)習(xí)，javaScript教程的開(kāi)始，沒(méi)有具備以上基礎(chǔ)和基本要求者也可以提前參考預(yù)習(xí)。但是建議趕緊去補(bǔ)一下以上知識(shí)點(diǎn)，其實(shí)以上都是最基本的條件之一，DIV+css更是輕易而舉就能學(xué)會(huì)。
首先我們第一要從變量開(kāi)始
變量
使用var關(guān)鍵詞來(lái)定義變量，變量可以用來(lái)存儲(chǔ)各類(lèi)數(shù)據(jù)以便后續(xù)使用。
變量命名規(guī)則嚴(yán)格區(qū)分大小寫(xiě)；
只能包含 字母 數(shù)字 _ $，不能以數(shù)字開(kāi)頭；
不能使用 關(guān)鍵詞/保留詞；除非需要，否則不要覆蓋已有的API；見(jiàn)名知意。
TyeScript的變量聲明方式從整體語(yǔ)法結(jié)構(gòu)來(lái)看與javascript類(lèi)似，但是有一些細(xì)微差別有兩點(diǎn)：
第一點(diǎn)：
Let 變量 類(lèi)型 = 值，它們之間不算錯(cuò)綜復(fù)雜，不像學(xué)到后期進(jìn)入大學(xué)企業(yè)開(kāi)發(fā)時(shí)候一樣讓人枯燥脫節(jié)，這種方式實(shí)現(xiàn)的變量命名有一個(gè)好處，那就是賦值語(yǔ)句中等號(hào)右側(cè)值的類(lèi)型，與等號(hào)左側(cè)自行定義的值類(lèi)型必須完全一致，否則會(huì)報(bào)錯(cuò)；
案例
let a: number=0；
a=“dasjbkljl”；
注意：undefined 是任何一個(gè)類(lèi)型的子類(lèi)型。
let a：number，第一成功，第二個(gè)直接報(bào)錯(cuò)了，很明顯此時(shí)不能將類(lèi)型“ “dasjbkljl” ”分配類(lèi)型 “number”，你不能把一個(gè)字符串的類(lèi)型賦值給數(shù)字類(lèi)型。這就是在ts里面一個(gè)比較非常重要的一個(gè)點(diǎn)。
以上a變量里面從此只允許存儲(chǔ)數(shù)字類(lèi)型
如果賦值的時(shí)候傳入的是正確的數(shù)值，那么后期又重新賦值了錯(cuò)誤類(lèi)型的值也會(huì)有同樣的報(bào)錯(cuò)
在我們的js當(dāng)中的標(biāo)量，愛(ài)存什么值，就存什么值，但是在ts里面就不可以。當(dāng)然let的方法就屬于ES6中聲明變量法。
注意：這兩者之間，不要被條件反射！
想要學(xué)好javascript，那么ES6肯定是要寫(xiě)的，而且是后期，有Es6的輔助，減少很多js當(dāng)中不必要的麻煩，而運(yùn)用ES6中聲明變量法，很多變量什么可以一步到位。
js基礎(chǔ)的變量，聲明變量各種情況如下：
var = a； // 聲明變量,但是它沒(méi)有任何賦值
var b = 10；// 聲明變量，且賦值
var c = 1+1；// 聲明變量，再運(yùn)算賦值
var d = 10；
var d = 20；
// 多次聲明沒(méi)有意義，只以最后一次為準(zhǔn)
var e = 1, f = 2, g = 3; // 一個(gè)var定義三個(gè)變量，用 , 號(hào)隔開(kāi)。
第二點(diǎn)：
let【變量】：【類(lèi)型】
1，如果只是創(chuàng)造了變量并且規(guī)定了類(lèi)型，那么這個(gè)變量默認(rèn)的值就是 undefined，
2，如果只是寫(xiě)了一條沒(méi)有明確的值的變量聲明語(yǔ)句，那么這個(gè)值用起來(lái)的時(shí)候，它就是undefined，但是一旦你后面有其他的賦值新的賦值操作，還是會(huì)按照變量的預(yù)設(shè)格式而來(lái)。
如圖所示：
案例
typeScript的類(lèi)型整理
數(shù)據(jù)類(lèi)型，關(guān)鍵字，任意類(lèi)型：any；數(shù)字類(lèi)型：Nunber；字符串類(lèi)型：strict；布爾類(lèi)型，Boolean；素組類(lèi)型：無(wú)，可以在其他類(lèi)型后面加上 []；元組：無(wú)；對(duì)象：object；undefined就是他本身。object要分大小寫(xiě)：大寫(xiě)就就是構(gòu)造函數(shù)了。所以要注意關(guān)鍵字母開(kāi)頭。
接下來(lái)分享的是js接口
什么是接口呢？簡(jiǎn)單說(shuō)就是交互，與后臺(tái)對(duì)接；說(shuō)道這里，可能很多人會(huì)疑惑，說(shuō)還沒(méi)有學(xué)會(huì)怎么寫(xiě)代碼，就開(kāi)始提與后臺(tái)對(duì)接了？
沒(méi)錯(cuò)，因?yàn)閠ypeScript的核心就是與后臺(tái)對(duì)接，不單單是代碼的問(wèn)題，所以一開(kāi)始就得提到，對(duì)于在你后期實(shí)際操作當(dāng)中肯定有一定的幫助。
typeScript作為與后臺(tái)交互核心原則之一，對(duì)值所具有的結(jié)構(gòu)進(jìn)行類(lèi)型檢查。它有時(shí)會(huì)被稱(chēng)作“鴨式辯型法”，或者“結(jié)構(gòu)性的類(lèi)型化”。
在typeScript里面，接口的作用就是：為這些類(lèi)型命名和為你的代碼定義契約。簡(jiǎn)單來(lái)說(shuō)就是和你的代碼或者第三方代碼簽訂協(xié)議。
我們來(lái)看個(gè)案例：
案例展示
以上代碼功能解析如下；
1，首先創(chuàng)造了一個(gè)函數(shù)，該函數(shù)就默認(rèn)的傳入?yún)?shù)應(yīng)用的第一對(duì)象，該對(duì)象內(nèi)部需要有一個(gè)label屬性，而且label的屬性里的值應(yīng)該就是個(gè)“字符串”；
2，輸出傳入的對(duì)象里面的label，屬性的屬性值。
接下來(lái)就是接口屬性：
接口屬性：interface接口實(shí)現(xiàn)之可選屬性：
比如說(shuō)：你用到的很多api，或者框架庫(kù)的時(shí)候，你至少得告訴對(duì)方參數(shù)，叫做可選參數(shù)！你必須將你所選中的參數(shù)值符合某一個(gè)條件。分為以下兩點(diǎn)：
第一點(diǎn)：我們會(huì)對(duì)一些可能會(huì)存在的屬性進(jìn)行預(yù)訂，還得預(yù)判用戶(hù)輸入輸出，一般都是數(shù)字。
第二點(diǎn)：用于可以捕獲那些不可能存在的錯(cuò)誤，
如圖所示：
interface接口實(shí)現(xiàn)只讀屬性：
接口不止僅僅用于在函數(shù)的傳參之上，還可以用在其他語(yǔ)句當(dāng)中，一切對(duì)象屬性只能在對(duì)象剛創(chuàng)建是修改其值?？梢杂迷趯傩悦坝胷eadonly來(lái)指定只讀屬性。
案例展示
以上圖中可以看得出，在本章節(jié)里面不會(huì)做過(guò)多的介紹，等我們講到后面實(shí)戰(zhàn)用到這個(gè)類(lèi)型的時(shí)候在回過(guò)頭來(lái)看看，那么對(duì)你的學(xué)習(xí)有很到的幫助。
今天就到此結(jié)束，我們下期再見(jiàn)！
提醒大家在學(xué)javascript之前一定要加強(qiáng)前面的DIV+SCC的布哦！
