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