1、JavaScript概念 JavaScript是腳本語言; 編寫之後，可以直接運行(缺失了編譯的過程) 2、JavaScript發展 LiveScript => JavaScript => Jscript => ECMAScript(腳本語言的標準) || || || || 95年網景公司； 網 ...
1、JavaScript概念
JavaScript是腳本語言; 編寫之後，可以直接運行(缺失了編譯的過程)
2、JavaScript發展
LiveScript => JavaScript => Jscript => ECMAScript(腳本語言的標準)
|| || || ||
95年網景公司； 網景聯合SUN公司； 聯合微軟公司； 三者聯合歐洲電腦製造商協會
註：JavaScript語法內容參考Java語言；但“JavaScript是Java語言的腳本語言”是錯誤的
3、JavaScript組成部分
ECMAScript: 語言的標準(定義語法)從2015年推出ES6之後; 今後每年推出一個新版本
DOM - Document Object Model(文檔對象模型)
BOM - Browser Object Model(瀏覽器對象模型)
4、如何使用JavaScript
通過 <script> 元素編寫 JavaScript 語言：
(1)定義<script>元素，直接編寫
(2)通過<script>元素，引入外部JS文件 格式：<script src="JS文件的路徑"></script>
type屬性 - 設置當前引入文件的類型(text/javascript)
註：<script>元素預設編寫在 <head> 中；但也可以出現在<body>元素中；
即使編寫在不正確的位置：瀏覽器沒有任何報錯，且瀏覽器進行自動解析，將錯誤位置改為正確的位置。(HTML是不嚴格的標記語言)
5、測試JavaScript代碼
☞confirm(' ') ;
☞alert(' '); 目前很少使用(列印的內容有限 - 不符合開發的要求)
☞prompt(' '); 接收用戶信息，頁面有個輸入框來填寫信息
☞document.write(' '); 測試的內容直接在頁面中輸出消息，可以寫上html標簽。
☞console.log(' '); 在瀏覽器的開發者工具中的console(控制台)中輸出消息
格式：console.log('日誌內容'); console.warn('輸出警告');
console.info('輸出信息'); console.error('輸出錯誤');
6、基礎語法
* 區分大小寫 eg: atguigu、Atguigu和ATGUIGU - 代表三個內容
* 代碼的規範性
HTML: 元素名稱建議使用小寫; 父級與子級元素，建議縮進(空格或TAB)
CSS: 組合選擇器 #id,.class；
CSS聲明的具體寫法 eg：選擇器{
background-color : red;
}
* JavaScript: 一行最好只編寫一個語句; 每個語句後面建議編寫分號；
兩個語句之間增加空行； 註釋內容編寫清除；
關鍵字和保留字，都不能用來定義為變數名；
關鍵字: 在JavaScript代碼中具有特殊的含義; 保留字: 還沒有啟用的關鍵字
(單行註釋) 符號：// [快捷鍵：CTRL + ?] (多行註釋) 符號： /* */
7、變數
概念：存儲數據信息的容器. 格式：var 變數名 = 數據內容;
特點：允許可以反覆的使用具體的數據 作用：允許重覆使用某個具體的數據內容
ü 變數的聲明
重覆聲明：JavaScript 變數只能存儲一個數據，之前存儲的數據會被覆蓋。
遺漏聲明: 直接讀取一個沒有聲明的變數的值，JavaScript會報錯。
eg:console.log(test1); -- 報錯 因為沒有定義test1
ü 命名規則
以字母、下劃線-、美元符號$開始; 不以數字開頭; 大寫字母與小寫字母並不衝突;
不用關鍵字和保留字作為名稱； 名稱最好有明確的含義。
ü 用法
² 定義變數 - 為某個的數據定義一個變數名稱
存在多個變數時：(1)每一行定義一個變數 (2)單行定義多個變數，中間需要用逗號分隔
² 調用變數 -使用該變數對應的數據內容
☞先定義變數，再調用變數[正常情況]
瀏覽器載入執行JavaScript代碼時 - 從上到下；當調用某個變數時，該變數已經存在了
☞先調用變數，再定義變數 ---【undefined】
console.log(test2); ==> var test2; --定義變數(但沒有賦值); 預設值為【undefined】
var test2 = 300; console.log(test2);
test2 = 300; --為變數進行賦值
[重覆聲明：對應的數據內容會被覆蓋 重覆賦值：對應的數據內容會被覆蓋]
8、常量
格式: const 常量名 = 數據內容; 作用：表示某個具體的數據內容
註意: 就是一個只讀(不能修改)的變數；常量名習慣用全大寫
*常量的聲明，必須進行初始化操作，否則會報錯誤。
*無論重覆聲明，還是重覆賦值 - 常量都會報錯
