JS的簡介
- 2022 年 8 月 20 日
- 筆記
- javascript, js
JS式JavaScript的簡稱，它是一門弱語言，它可以實現讓網頁動起來
JS的構成
- 核心（ECMAScript）
- 文檔對象模型（DOM）– Document Object Module
- 瀏覽器對象模型（BOM）– Browser Object Module
**ECMAScript：是一種 由Ecma國際(前身為歐洲計算機製造商協會,英文名稱是European Computer Manufacturers Association)通過ECMA-262標準化的腳本程序設計語言。這種語言在萬維網上應用廣泛，它往往被稱為JavaScript或JScript，但實際上後兩者是ECMA-262標準的實現和擴展 **
**BOM： Browser Object Model，提供與瀏覽器交互的方法和接口 **
**DOM： Document Object Model，提供訪問和操作網頁內容的方法和接口 **
Js的特點
JavaScript是一種腳本語言並且是一種基於對象和事件驅動的腳本語言。之所以要使用JavaScript不僅僅是因為JavaScript很安全，而且是因為它能與HTML、Java的Applet一起實現在一個web頁面中連接多個對象，並與web客戶交互作用，開發各種客戶端的應用程序，滿足人們的各種需求。JavaScript是通過嵌入或調入到標準的HTML語言中實現的，它的出現很好地填補了HTML的缺陷，是Java與HTML語言的橋樑。JavaScript有以下幾個基本特點：
- JavaScript是一種腳本編程語言
這裡要解釋一下什麼是腳本語言，也許很多讀者之前已經接觸過腳本語言，其實腳本語言是一種簡單的程序，它是由一些ASCII字符構成，可以直接用記事本等文本編輯器編寫，事先也不用編譯，只需要利用解釋器就可以解釋執行。
前面已經介紹過JavaScript是一種腳本語言，是採用小程序段的方式實現編程。正如其它腳本語言一樣，JavaScript也是一種解釋性語言，它提供了一個容易的開發過程。JavaScript的基本結構形式與其它高級語言類似（如C、C++、VB、Delphi等），但它與這些高級語言不同的是，其它高級語言需要先進行編譯然後才能被執行，JavaScript則是在程序運行過程中一條一條被解釋執行。JavaScript與HTML結合在一起，極大地方便了用戶的使用操作。
- JavaScript是面向對象的語言
JavaScript是一種面向對象的語言，那就是說，它本身也可以創建對象，以及調用對象的操作。因此，JavaScript的諸多功能可以來自於腳本環境中各種對象的調用。
- JavaScript的簡單性
之所以說JavaScript是簡單的，首先是因為它是一種基於Java的基本語句和控制流之上的簡單而緊湊的設計，這對於更進一步學習Java是一個非常好的過渡，其次是因為它的所有變量都是弱類型，並且都沒有像其它需要編譯的高級語言那樣使用嚴格的數據類型。
- JavaScrip的安全性
JavaScrip就像Java一樣是一種非常安全的語言，它不允許訪問本地的硬盤，並且不允許把數據存入到服務器上，還不允許對網絡文檔進行修改和刪除，只允許通過瀏覽器實現信息瀏覽和動態交互，這樣確保了對數據的安全化操作。
- JavaScript的動態性
之所以說JavaScript是動態的，是因為它可以直接對用戶或客戶的輸入操作做出響應，而不必經過web服務器或web服務器程序。
JavaScript對用戶的響應是採用事件驅動的方式進行的。簡單地說，事件驅動是指在頁面中執行了某種操作後產生相應的動作，例如，按下鼠標、選擇菜單以及移動窗口等都可以被視為事件，當事件發生後，就會有相應的事件響應該事件。
- JavaScript的跨平台性
JavaScript同Java一樣是與操作環境無關的，它只依賴於瀏覽器，只要客戶的計算機瀏覽器支持JavaScrip，它就可以被正確解釋執行。從而實現一次編寫，到處運行。
綜合以上特點，JavaScrip是一種全新的描述性語言，它可以完全被嵌入到HTML文檔中運行。JavaScrip可以在不用任何的網絡來回傳輸控制命令的前提下做到響應使用者的需求事件（如form的輸入等）。因此當一個用戶輸入某一項資料時，它並不用經常傳給服務端處理，再傳回客戶端的過程，而是可以直接被客戶端的應用程序自己處理，節省了服務器處理時間。
JS的使用方式
- 行內式
直接在標籤內來引入JS代碼
<a href="javaScript:alert('你已經領取過了')">領取獎品</a>
<input type="button" value="點擊有驚喜" onclick="alert('哈哈哈哈')">
- 內部式
使用<script></script>標籤，將代碼寫在標籤內部
<script>
JavaScript 語言代碼;
</script>
- 外部式
通過<script src = "地址"></script>標籤，來引入外部的JS代碼，值得注意的是，此時標籤內部的JS代碼不會生效
<script src="./js/my.js"></script>//引入成功
<script src="./js/my.js">
console.log('此處的代碼不會被顯示')
</script>
JS的語法規範
標識符
- 標識符只能由數組、字母、下劃線、$組成
- 不能以數字開頭
- 區分大小寫
- 不能是關鍵字和保留字
- 見名知意
- 小駝峰命名
var 1name;//不可以
var name;
var Name;//與name不同
var myName;//提倡
注釋
//單行注釋
/*
多行注釋
*/
/*
*
* 這個也是多行注釋
*
*/
空格
空格的位置不會影響代碼的解析，但是不要將關鍵字或者標識符分開,適當的添加空格可以提高代碼的可讀性
var name = 123;
console . log ( '1 2 3' );
v ar name;//報錯
var name = '王磊';
表達式
JS代碼中的;表示一句代碼的結束，當然也可以省略，但是當遇到立即執行函數的情況下是不能省略的
var name = 12
console.log(123)
(function (){
console.log(123)
})();//這裡一定要添加分號
var age = 18
JS輸入輸出方法
console
- console.log() 打印日誌信息
- console.dir() 打印詳細信息
- console.error() 打印錯誤信息
- console.warn() 打印警告信息
- console.table() 打印表格信息
window
document
- document.write() 向頁面寫入信息
- document.querySelector() 獲取頁面元素
