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